.main { padding-bottom: 30px; background-color: #f8f8f8;}

.main .info {width: 1170px; height: 70px; margin: 0 auto 1px; padding-left: 20px; font-size: 12px; line-height: 70px; background-color: #fff;}
.main .info .lab {color: #999;}
.main .info .val {margin-right: 25px; color: #333;}
.main .info .val input[type="text"] {width: 173px;height: 28px;padding-left: 10px;border: 1px solid #e5e5e5;font-size: 14px; color: #333;}
.main .info .val select {width: 60px;height: 30px;line-height: 30px;border: 1px solid #e5e5e5;}
.main .info .bnt-link {display: inline-block;height: 28px; padding: 0 10px; line-height: 28px;color: #666;border: 1px solid #e5e5e5;text-align: center;}
.main .info .bnt-link:hover {color: #1DA5B0;border: 1px solid #1DA5B0;}
.main .tip {width: 1140px;height: 50px; margin: 0 auto 20px; padding-left: 50px; font-size: 14px; line-height: 50px; color: #666;border-bottom: 1px solid #fae3cc;background: #fffdf8 url(../images/alert-icon_16x14.png) no-repeat 25px center ;}

.main-cont {width: 1188px; margin: 0 auto 70px; border: 1px solid #e5e5e5;background-color: #fff;}
.mc-tit {height: 36px;background-color: #f7f7f7;border-bottom: 1px solid #e5e5e5;}
.mc-tit a {float: left;display: inline-block; height: 36px;padding: 0 25px; font-size: 14px; line-height: 36px; color: #333; border-right: 1px solid #ddd;}
.mc-tit a.cur {position: relative;top: -1px; height: 36px; color: #1da5b0;background-color: #fff;border-top: 2px solid #1da5b0;}
.mc-tit a:hover {color: #1da5b0;}

.mc-cont { width: 1158px; padding-left: 30px; padding-bottom: 40px; box-shadow: 0px 2px 5px 2px rgba(0,0,0,.1);}
.mc-cont .sub-tit {height: 35px;margin-bottom: 10px;}
.mc-cont .sub-tit span { position: relative; float: left;display: block; height: 33px; margin-right: 10px; line-height: 33px; color: #e5e5e5;text-align: center; border: 1px solid #e5e5e5;background-color: #fbfbfb;cursor: default;}
.mc-cont .sub-tit.tit-lg span{width: 367px;}
.mc-cont .sub-tit.tit-sm span{width: 215px;}
.mc-cont .sub-tit span.cur { color: #2fbdc8; border-color: #2fbdc8;background-color: #fff;}
.mc-cont .sub-tit span .bg-right { overflow: hidden; position: absolute;top: 13px; right: -7px;width: 7px;height: 10px;background: url(../images/ar-gary.png) no-repeat;}
.mc-cont .sub-tit span.cur .bg-right {background: url(../images/ar-blue.png) no-repeat;}
.mc-cont .sub-tit span .bg-left { overflow: hidden; position: absolute;top: 13px; left: -1px;width: 7px;height: 10px;background: url(../images/ar-gary.png) no-repeat;}
.mc-cont .sub-tit span.cur .bg-left {background: url(../images/ar-blue.png) no-repeat;}

.mc-cont .sub-cont { overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.mc-cont .sub-cont .panel {width: 367px; overflow-y: auto;overflow-x: hidden; float: left;height: 369px; margin-right: 10px; border: 1px solid #e5e5e5;}
.mc-cont .sub-cont .panel .pn-item {overflow: hidden; height: 36px; padding-left: 20px; border-bottom: 1px solid #e5e5e5;}
.mc-cont .sub-cont .panel .pn-item span {overflow: hidden; width: 322px; display: block;height: 36px;  line-height: 36px; color: #666; cursor: pointer;}
.mc-cont .sub-cont .panel .pn-item span:hover {color: #000;}
.mc-cont .sub-cont .panel .cur {color: #000;background-color: #fbfbfb;}

.mc-cont .sub-cont .panel-nav span {background: url(../images/ask-r1.png) no-repeat 100% center;}
.mc-cont .sub-cont .panel-nav .cur span{ color: #000; background: #fbfbfb url(../images/ask-r2.png) no-repeat 100% center;}

.mc-cont .sub-cont .panel-check span {padding-left: 20px;background: url(../images/ask-check1.png) no-repeat 0 center;}
.mc-cont .sub-cont .panel-check .cur span{background: #fbfbfb url(../images/ask-check2.png) no-repeat 0 center;}

.mc-cont .sub-cont .panel-sm{width: 215px;}
.mc-cont .sub-cont .panel-sm .pn-item span {width: 175px;}
.mc-cont .sub-cont .panel-check.panel-sm .pn-item span {width: 155px;}

.mc-cont .btn {display: block;width: 130px; height: 40px; margin: 20px auto 0; line-height: 40px; text-align: center;font-size: 16px;color: #999; border-radius: 2px; background-color: #f7f7f7;}
.mc-cont .btn-org {color: #fff; background-color: #f85127;}
.mc-cont .btn-org:hover {background-color: #ec4920;}

/*ie*/

/* IE6/7/8  */
@media \0screen\,screen\9 {

}

/* IE9, IE10 */
@media screen and (min-width:0\0) {

}

/*past*/
.sub-past{width: 1148px; height: 26px; padding: 19px 0 10px 0; margin: 0 auto;}
.sub-past .crumbs-arrow{display: block; width: 6px; height: 12px; float:left; background: url("../images/past-icon01.png") no-repeat; margin: 7px 10px 0 10px; overflow: hidden;}
.sub-past .first{float: left; padding-left: 20px; height: 26px; margin-right: 10px;}
.sub-past .first span{float: left; line-height: 26px; color: #000000;}
.sub-past .selector-set{float: left; height: 26px;}
.sub-past .selector-set .sel{display: inline-block; padding: 0 28px 0 10px; height: 26px; background-color: #2fbdc8; color: #fff; line-height: 26px; float: left; margin-right: 4px; position: relative;}
.sub-past .selector-set a:hover.sel{background-color: #333333;}
.sub-past .selector-set .sel i{display: inline-block; width: 11px; height: 12px; background: url("../images/past-icon01.png") no-repeat -7px 0; position: absolute; top:7px; right: 7px;}
.sub-past .nav-item{float: left; height: 26px;}
.sub-past .nav-item .menu-drop{float: left; height: 26px; position: relative; z-index: 10;}
.sub-past .nav-item .menu-drop .trigger{display: inline-block; padding: 0 25px; height: 24px; line-height: 24px; border: 1px dashed #dcdcdc; color: #000000;cursor: default;}
.sub-past .nav-item .menu-drop .drop-main-bd{display: none; width: 280px; background-color: #fff; padding-top: 2px; position: absolute; left: 0; top: 26px;}
.sub-past .nav-item .menu-drop .drop-main-bd .drop-main{width: 266px; padding: 6px 0 6px 8px; border: 3px solid #eee; overflow: hidden;}
.sub-past .nav-item .menu-drop .drop-main-bd .drop-main a{display: inline-block; width: 80px; float: left; margin-left: 8px; height: 30px; line-height: 30px; color: #666;}
.sub-past .nav-item .menu-drop .drop-main-bd .drop-main a:hover{color: #2fbdc8;}

/*对话框*/
.modal-bg {width: 100%; height: 100%; position: fixed; top: 0;left: 0; z-index: 999; background: url("../images/bg0.15.png") repeat;}
.modal {position: absolute; top: 30px; left: 50%;z-index: 9999; width: 750px; margin-left: -375px; background-color: #fff; box-shadow: 0 0 0 5px rgba(0,0,0,.15);border-radius: 3px;border: 5px solid #666 \9;}

.modal .btn {display: inline-block;width: 130px; height: 40px; border-radius: 3px;font-size: 16px; color: #fff;text-align: center;line-height: 38px;}
.modal .btn-org {background-color: #fa6400;}
.modal .btn-org:hover {background-color: #f85127;}
.modal .btn-blue {background-color: #2fbdc8;}
.modal .btn-blue:hover {background-color: #1da5b0;}
.modal .btn-lg {display: block; width: 271px; height: 38px; margin-top: 20px; color: #2fbdc8; background-color: #fff; border: 1px solid #2fbdc8;}
.modal .btn-lg:hover {color: #fff;background-color: #2fbdc8;}
.modal .mar-lft {margin-left: 120px;}
.modal .mar-rgt {margin-right: 10px;}

.modal .modal-title {position: relative; height: 35px;line-height: 35px;background-color: #f3f3f3;padding-left: 20px;}
.modal .modal-title h3 {font-size: 16px; color: #333;}
.modal .modal-title a {position: absolute; right: 20px;top: 0;font-size: 14px; color: #999;}
.modal form {padding: 50px 0 50px 100px;}
.modal form .item {min-height: 60px; width: 600px; }
.modal form .item .label {float: left;width: 90px;margin-right: 30px;text-align: right; line-height: 35px;font-size: 14px;color: #333;}
.modal form .item .label i {margin-right: 5px;font-size: 16px; font-style: normal;color: #c00;position: relative;top: 4px;left: 0;}
.modal form .item .inp{float: left;height: 33px; width: 278px; padding-left: 10px; line-height: 33px; padding-left: 15px; font-size: 14px; color: #333; border: 1px solid #ddd;}
.modal form > label {margin-left: 120px;font-size: 14px; color: #666;}
.modal form > label input[type="checkbox"] {display: none; width: 10px; height: 10px; background-color: #fff; border: 1px solid #ddd;}
.modal form > label span {display: inline-block;width: 12px; margin-right: 5px; margin-top: -2px; height: 12px; background: url(../images/checkbox-icon.png) no-repeat 0 0; vertical-align: middle;}
.modal form > label input[type="checkbox"]:checked + span {background: url(../images/checkbox-icon.png) no-repeat -13px 0;}

.modal-content {padding-bottom: 80px;}
.modal-content .wel {width: 520px; margin: 50px auto 0;padding-bottom: 25px; font-size: 30px; line-height: 40px; color: #666; border-bottom: 1px dashed #ccc;}
.modal-content .wel strong {font-style: normal; font-weight: 400; color: #333;}
.modal-content .desc { width: 520px; margin: 20px auto; line-height: 20px; font-size: 14px; color: #666;}

.modal-content .agreement {width: 520px;margin: 0 auto 20px; padding-bottom: 20px; font-size: 12px; color: #666;border-bottom: 1px solid #e5e5e5;}
.modal-content .agreement label {cursor: pointer;}
.modal-content .agreement .check input[type="checkbox"] {display: none;}
.modal-content .agreement .check span {position: relative;top: 1px; left: 0; display: inline-block; width: 12px; height: 12px; margin-right: 5px; background: url(../images/filter01.png) no-repeat -14px 0;}
.modal-content .agreement .check input[type="checkbox"]:checked + span {background: url(../images/filter02.png) no-repeat -14px 0;border: none;}
.modal-content .agreement .check .checked + span{background: url(../images/filter02.png) no-repeat -14px 0;border: none;}
.modal-content .agreement .btn-link {color: #216dbf;}
.modal-content .agreement .btn-link i {position: relative;top: -2px;left: 0; display: inline-block;width: 9px; height: 5px; background: url(../images/past-icon04.png) no-repeat;}

.modal-content .item-w {overflow-y: auto; max-height: 185px; margin: 0 15px; }
.modal-content .item {overflow: hidden; padding: 15px; border-bottom: 1px solid #d9d9d9; }
.modal-content .item p {float: left; width: 490px; height: 30px; line-height: 30px;}
.modal-content .item p .checkbox {position: relative;top: 8px;left: 0; float: left; display: inline-block; width: 12px; height: 12px; margin-right: 20px; background: url(../images/filter01.png) no-repeat -14px 0; }
.modal-content .item p .checkbox.checked {background: url(../images/filter02.png) no-repeat -14px 0; ;}
.modal-content .item p span { float: left; margin-right: 30px;}
.modal-content .item p .name {display: inline-block;width: 5em;overflow: hidden;}
.modal-content .item p .gender {display: inline-block;width: 2em;overflow: hidden;}
.modal-content .item p .age {display: inline-block;width: 3em;overflow: hidden;}
.modal-content .item p .tel {display: inline-block;width: 10em;overflow: hidden;}
.modal-content .item .btns {display: none;}
.modal-content .item .btn {display: inline-block; float: right; height: 28px; width: 55px; font-size: 12px; margin-left: 10px; line-height: 28px; color: #666; border: 1px solid #e5e5e5; border-radius: 2px; }
.modal-content .item .btn:hover {background-color: #e5e5e5; }
.modal-content .item .btn-org {color: #fff; border: 1px solid #fa6400; background-color: #fa6400; }
.modal-content .item .btn-org:hover {border: 1px solid #f85127; background-color: #f85127; }
.modal-footer {margin-bottom: 30px; text-align: center; }
.modal-footer .btn {display: inline-block; width: 158px; height: 38px; margin: 0 5px; font-size: 18px; border-radius: 4px; line-height: 38px; text-align: center; color: #fa6400; border: 1px solid #fa6400; border-radius: 3px; }
.modal-footer .btn-org {color: #fff; background: #fa6400; }
.modal-footer .btn:hover {background-color: #fa6400; color: #fff;}
.modal-footer .btn-org:hover {background-color: #f85127;}
.modal-content .item:hover {background-color: #fcfcfc;}
.modal-content .item:hover .btns {display: block;}


/*多选下拉*/
.down-menu{width: 140px; position: relative; z-index: 20; background-color: #fff; float: left; margin-right: 20px;}
.down-menu .down-switch{display: block; width: 138px; height: 33px; border:solid 1px #ddd; }
.down-menu .down-switch label{ width: auto; padding-left: 10px; line-height: 35px; font-size: 14px; color: #333; word-break: normal; word-wrap: normal; display: block;cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.down-menu .down-switch .arrow{display: block; width: 23px; height: 23px; background: url("../images/pwd-01-icon01.png") no-repeat center; position: absolute; top: 7px; right: 10px;}
.down-menu .down-data{ display: none; min-width: 100%; position: absolute; left: 0; top: 100%; margin-top: -1px; z-index: 20; _width:100%;}
.down-menu .down-data .data-list{background-color: #fff; border-radius: 3px; border: 1px solid #cccccc; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); max-height: 118px;min-height: 2em;overflow-x: hidden;overflow-y: auto; _overflow: hidden; _width:100%;}
.down-menu .down-data .data-list li{line-height: 30px; vertical-align: bottom;  _width: 95%;}
.down-menu .down-data .data-list li a{display: block; padding: 0 20px 0 10px;white-space:nowrap; color: #333;}
.down-menu .down-data .data-list li a:hover{background-color: #2fbdc8; color: #fff;}
.pull .down-data{display: block;}


/*ie8*/
@media \0screen {
    .menu-list li a{width: 383px; height: 323px; border: 1px solid #fff;}
    .menu-list li a:hover {width: 383px; height: 323px; border: 1px solid #eee;}
    .footer {border-top: 1px solid #e2e2e2;}
}