@charset "utf-8";
/* Reset  create by AndyZhou     july-9-2013 14:30  contact 529892056@qq.com*/
/*common*/
input[type=checkbox]{width: 28px;height: 18px;}
input[type=checkbox]~span:first-of-type,input[type=checkbox]{vertical-align: middle;}
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.rel { position:relative; }
.abs { position:absolute; }
.tl { text-align:left; }
.tr { text-align:right; }
.vt{vertical-align: top;}
.tc { text-align:center; }
.uc { text-transform:uppercase; }
.indent{text-indent: 2em;}
.ib{display: inline-block;}
.none{display: none;}
.grey{color: #aaa;}
.gray{background: #ededed;}
.black{color: #333;}
.wt{color: #fff;}
.tag{display: inline-block;padding: 2px 16px;background: #fbaf5d;border: 1px solid #ccc;border-radius: 6px;margin: 0 5px;text-align: center;color: #fff;}
textarea:hover,textarea:focus{z-index: 0;}
.ibg{background:-webkit-linear-gradient(top,#f2f2f2,#fff 30%,#fff);background:linear-gradient(#f2f2f2, #fff 30%,#fff);}
.bt{border-top: 1px solid #ccc;}
.content{width: 96%;overflow: auto;padding: 2%;}
.zone{width: 96%;overflow: auto;padding: 2%;}
.area{background: #eee;border-radius: 8px;border: 1px solid #ccc;width: 96%;margin: 1em auto;overflow: auto;}
.darkRed{color: #cc3300;}
.box{width: 96%;padding:1em 2% ;}
.wiget{width: 92%;margin: 1em auto;padding: 1%;border-radius: 8px;}
.table{width: 100%;border: none;}
.okayIcon{display: inline-block;width: 22px;height: 22px;}
.okay{background: url("../images/skin/okay.png") no-repeat;}
.table tr{border: solid #ccc;border-width: 1px 0;}
.table td{padding: 10px;}
.table .p20{font-size: 26px;}
.extantDown{width: 0;height: 0;;border-style: solid;border-width: 8px 8px 0 8px;border-color: #000 transparent transparent transparent;}
.extantUp{width: 0;height: 0;;border-style: solid;border-width: 0 8px 8px 8px;border-color:  transparent transparent #000 transparent;}
/*conetnt*/
body{color: #666;margin-bottom: 50px;}
.wrap{width: 100%;margin: 0 auto;}
nav{position: relative;width: 100%;}
nav a{font-weight: 500;font-size: 1.4em;height: 44px;line-height: 44px;text-align: center;color: #fff;background: #333;}
.navTop a{display:inline-block;width: 50%;background: #333;}
.navTop a:hover{background: #666;color: #fff;}
.navTop a:visited{color: #eee;}
.navTop a:focus{background: #333;}
nav .navHover{background: #c13309;}
.navTop .navHover:hover{background: #b12b03;}
.navTop h2{background: #999;color: #fff;height: 40px;line-height: 40px;font-size: 1.4em;text-indent: .8em;}
.menu,.menuDisc{overflow: auto;}
.menu a{display: block;float: left;width: 25%;color: #888;}
.menuDisc a{width: 33%;}
.menuDisc a:last-of-type{width: 34%;box-shadow: -1px 0 0 #777;}
.menu .navHover{background: #c13309;color: #fff;}
.menu .active{color: #fff;}
.extantList{width: 100%;border: none;}
.extantList td{padding: 5px;}
.extantList tr{border-bottom: 1px solid #ccc;}
.extantList tr:nth-of-type(2n){background-color: #f2f2f2;}
.extantList tr:last-of-type{background-color: #ccc;border: solid #aaa;border-width: 1px 0;}
.thumbsExtant{max-width: 80px;max-height: 60px;}
.extantList td p{max-height: 53px;overflow: hidden;text-overflow: ellipsis; }
.btnBox{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;}
.btnBox>input,.btnBox a{width: 50%;height: 40px;border: none;display: inline-block;vertical-align: middle;text-align: center;line-height: 40px;margin: 0;padding: 0;margin-top: 10px;background: #999;color: #fff;font-size: 1.4em;border-radius: 0;-webkit-appearance:none;}
.btnBox>input:hover{background: #aaa;}
.btnBox>input[type=submit]{width: 100%;}
.btnBox .btnGrey{width: 100%;}

.btnBox .btnHover{background: #ff9933;}
.btnBox .btnHover:hover{background: #d77d23;}
.btnBox .blue{background: #019acd;}
.btnBox .blue:hover{background: #037ea7;}
.btnGrey{background: #999;}
/*add*/
.TitleInputBox{width: 80%;margin: 10px auto;}
.TitleInput{width:90%;margin: 0 auto;height: 36px;padding: 0 14px;overflow: hidden;border: 1px solid #ccc;border-radius: 10px;
    background:-webkit-linear-gradient(top,#f2f2f2,#fff 30%,#fff);
    background:linear-gradient(#f2f2f2, #fff 30%,#fff);}

.addContent{ margin: 0 auto;border: solid #ccc;border-width: 1px 0;padding: 20px;}
.addEditBox{border-top: none;}
.imgBox{background: #eee;padding: 10px 10px 0 10px;overflow: auto;}
.imgBox li{float: left;margin:0 10px 10px 0;position: relative;border-radius: 6px;}
.imgBox img{width: 76px;height: 76px;border-radius: 6px;}
.remove{position: absolute;top:-3px;right: -3px;font-size: 18px;text-indent: -1px;font-weight: 600;height: 22px;width: 22px;line-height: 20px;text-align: center;border-radius: 30px;color: #fff;background: #666;}
.addContent .remove{background: transparent url("../images/skin/remove.png") no-repeat center;}
.addImgBtn{height: 76px;width: 76px;overflow: hidden;position: relative;background: url("../images/skin/addImgBtn.png") no-repeat center;}
.file{width: 100%;height: 100%;padding: 0;border: 0;position: absolute;top:0;left: 0;opacity: 0;}
.addEdit{width: 96%;padding: 2%;margin: 0 auto;border: 1px solid #ccc;border-radius: 10px;display: block;min-height: 150px;position: relative;overflow-y: scroll;
    background:-webkit-linear-gradient(top,#f2f2f2,#fff 30%,#fff);
    background:linear-gradient(#f2f2f2, #fff 30%,#fff); -webkit-tap-highlight-color:rgba(0,0,0,0); }
.addSelect{margin: 0 auto 50px auto;}
/*info*/
.appleBox{width: 100%;overflow:hidden;position: relative;
    -moz-transition: all 0.7s ease-in;
    -webkit-transition: all 0.7s ease-in;
    -o-transition: all 0.7s ease-in;
    transition: all 0.7s ease-in;}
.appleBoxLeft{left: -100%;}
.appleUl{width: 100%;overflow: hidden;}
.infoItemBox>li,.appleUl>li,.appleItem>li,.appleTop{padding: 6px 10%;width: 80%;border-bottom: 1px solid #ccc;}
.appleUl>li{background: url("../images/skin/arrow.png") no-repeat 88% center;}
.appleUl>li:nth-of-type(2n),.appleItem>li:nth-of-type(2n){background-color: #eee;}
.infoItemBox input,.infoAdd input{width:95%;line-height:34px;padding:0 2%;border-radius: 6px;border: 1px solid #bbb;
    background:-webkit-linear-gradient(top,#f2f2f2,#fff 30%,#fff);
    background:linear-gradient(#f2f2f2, #fff 60%,#fff);}
.infoItemBox input:focus,.infoAdd input:focus{border-color: #f5b50c;}
.map{min-height: 240px;max-height: 600px;width: 100%;margin: 0 auto;overflow: hidden;}
.infoItemBox .addIconBox{margin-top: 10px;padding-bottom: 16px;}
.addIconBox label,.addIconBox span{vertical-align: middle;}
.addIcon{height: 27px;width:27px;border-radius: 6px;background: #666;color: #fff;display: inline-block;line-height: 24px;text-align: center;font-size:20px;font-weight: 800;margin-right: 20px;}
.infoAdd{border: 1px solid #ccc;background: #ededed;border-radius: 10px;margin: 20px 8%;padding: 16px 2% ;position: relative;}
.infoAdd li{padding: 6px 0;}
.infoItemBox ul{position: absolute;left:100%;width: 100%;}
.infoItemBox ul>li{padding: 6px 10%;width: 80%;border-bottom: 1px solid #ccc;}
.appleItem{position: absolute;top:0;left: 100%;width: 100%;}
.appleItem .okay{background-position: 85% center;}
.appleItem .TitleInput{width: 30%;}
.removeBtn{width: 26px;height: 26px;background: 20px;text-align: center;line-height: 24px;color: #fff;background: #666;display: inline-block;border-radius: 30px;margin: -5px 0 0 30px;}
.special{overflow: auto;padding-right: 20px;background: #999;color: #fff;background:#999 url("../images/skin/add.png") no-repeat 90% center;}
.dateInput{background: url("../images/skin/calender.png") no-repeat 80% center;width: 30%;}

.icon-ok{font-size: 16px;}
.bindLeft{width: 18%;float: left;text-align: right;}
.bindRight{width: 80%;text-align: left;}
.import{color: #f60;}
.changeInfo{text-align: center;width: 100%;margin: 2em auto;}
.textLeft,.textRight,.verification{ border-radius: 6px;}
.textLeft,.verification{padding: 0 6px;width: 45%;border: 1px solid #ccc;height: 34px;background:-webkit-linear-gradient(top,#f2f2f2,#fff 30%,#fff);
    background:linear-gradient(#f2f2f2, #fff 60%,#fff);}
.textLeft,.textRightBox{vertical-align: top;}
.textRightBox{width: 42%;display: inline-block;text-align: center;}
.textRight{width: 98%;background: #fcb215;height: 36px;border: none;cursor: pointer;color: #fff;margin-bottom: .6em;}
.textRight:hover{background-color: #ffbc4d;}
.verification{width: 80%;}
.timeSelect{position: absolute;top:0;right: 2em;vertical-align:middle;width: 30%;height: 30px;margin: 5px 0;background: #fbaf15;border-radius: 6px;overflow: hidden;text-align: center;}
.dateText{width: 80%;height: 30px;margin:0 auto;padding: 0;-webkit-appearance:none;border-radius: 0;border: none;background: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.dateText:hover,.dateText:selection,.dateText:focus{background: none;outline: none;}
.expenseTable{width: 100%;border: none;text-align: center;}
.expenseTable td,.expenseTable th{padding: .4em .2em;vertical-align: middle;}
.expenseTable tr{border: solid #aaa;border-width: 1px 0;}
.expenseTable thead tr{background: #e0dfdf;}
.expenseTable thead th{border-left: 1px solid #fff;border-right: 1px solid #aaa;}
.expenseTable  tr:nth-of-type(2n){ border-bottom:1px solid #CDCDCD;background: #e0dfdf;}
/*.expenseTable tbody input[type=checkbox]{width: 100%;height: 100%;}*/
/*.manageExt thead th:first-of-type{border-right: 1px solid #e0dfdf;}*/
.expenseTable input[type=text]{width: 90%;padding: 0 6px;border-radius: 6px;border: 1px solid #ccc;}
.listItem{width: 100%;margin: 0 auto;}
.listItem>li{position: relative;padding: 10px 0;border-bottom: 1px solid #aaa;}
.listItem>li:nth-of-type(2n){background: #e0dfdf;}
.listItem>li>input,.select{width: 84%;padding: 0 1%;margin: 0 7%;height: 36px;border-radius: 6px;border: 1px solid #ccc;}
.listItem>li>p{width: 86%;margin: 0 auto;}
.select{border-right: none;overflow: hidden;position: relative;padding: 0;width: 86%;}
.select select{border: none;width:100%; padding: 0 1%;height: 36px;background: none;-webkit-appearance:none;position: absolute;z-index: 10;top:0;left: 0;}
.select select option{}
.select select option:nth-of-type(2n){border-top: 1px dashed #ccc;color: #666;}
.select select option:nth-of-type(2n+1){border-top: 1px solid #ccc;color: #899;}

.select option{width: 100%;}
.selectBox{width: 36px;height: 36px;background: #fff;position: absolute;top:0;right: 0;border-radius: 0 6px 6px 0;border:solid #ccc;z-index: 9;border-width: 0 1px 0 1px;}
.selectBox .extantDown{margin-top: 12px;}
.listItem>li>.remove{right: 8%;top:18px;font-size: 14px;}
.listItem>li>.remove:focus,.listItem>li>.remove:hover{background: #000;}
.bindDetail,.tips{background-color: #fffe88;padding: 1%;min-height: 3em;position: relative;}
.bindDetail{width: 98%;overflow: auto;}
.tips{border-radius: 8px;padding: .5em 1em;display: inline-block;margin-top: 6px;overflow: visible;}
.tips .trange{position: absolute;top:-12px;left: 18px;border-width: 6px 6px 6px 6px;border-color: transparent transparent #fffe88  transparent;}
.icon-ok{font-size: 16px;}
.import{color: #f60;}
.iconTipBox{width: 50px;height: 30px;background: #666;border-radius: 8px;text-align: center;overflow: visible;position: relative;}
.iconTip{height: 22px;width: 22px;display: inline-block;border-radius: 24px;background: #fffe88;margin-top: 4px;line-height: 22px;text-align: center;}
.tran{width: 0;height: 0;border-width:0 12px 8px  8px;border-style: solid;border-color: transparent #666 transparent transparent;position: absolute;bottom: -8px;left: 12px;}
.codeImg{width: 25%;overflow: hidden;float: left;}
.codeImg img{width: 100%;}
.infoBox{width: 70%;float:right;position: relative;}
.trangeBox{width: 0;height: 0;border-width: 12px 12px 12px 0 ;border-style: solid;border-color:transparent #f2f270 transparent transparent;position: absolute;left: -12px;top:18px;z-index: 4; }
.trange{width: 0;height: 0;border-width: 10px 10px 10px 0 ;border-style: solid;border-color:transparent #ffff88 transparent transparent;position: absolute;left: -9px;top:20px;z-index: 5; }
.block{background: #ffff88;padding:1em ;border-radius: 8px;border: 1px solid #f2f270;z-index: 1;}
/*.block:first-of-type{box-shadow:0 -1px 2px #efefef inset;}*/
/*.block:nth-of-type(2){box-shadow:0 1px 2px #efefef inset;}*/
.block div{position: relative;padding: 10px 0;border-bottom: 1px solid #ccc;}
.block div:last-of-type{border-bottom: none;}
.payTable{width: 100%;}
.payTable td{padding: 10px 16px;font-weight: 600;}
.block .remove{background:#c13309;top:40%;right: 8px; }
.PopBox{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: rgba(33,33,33,.6);}
.payPop{width: 60%;text-align: center;padding: 1% 2%;background: #ffff88;position: relative;top:40%;left: 20%;border-radius: 8px;}
.payPop img,.payPop .ib{vertical-align: top;color: #000;}
.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter:alpha(opacity=80);}
.white_content {display: none;position: absolute;top: 40%;left: 0;width: 100%;height: 10%;border: 1 solid lightblue;z-index:1002;text-align:center;}
.tipUl li{width: 16%;background: #acacac;border: 1px solid #b2b2b2;float: left;margin-right: 1%;text-align: center;color: #fff;}
.tipUl .btnHover{background: #fbaf5d;}
.btn{width: 82px;height: 29px;border: none;background: url("../images/skin/btn.png") no-repeat;padding: 0;margin:0;position: absolute;right: 30px;}
.btnDis{background-position: 0 bottom;}

.arrowDown,.arrowUp{width: 0;height: 0;border-style: solid;}
.arrowDown{border-width: 10px 10px 0 10px;border-color: #333 transparent transparent transparent;}
.arrowUp{border-width: 0 10px 10px 10px;border-color: transparent transparent #333  transparent;}
.stateBtn{width:122px;height: 36px;background: url("../images/skin/states.png") no-repeat;border-radius: 4px;zoom: .65;vertical-align: middle;margin-top: -3px;
transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
-o-transition: all .1s ease-in;}
.stateBtnActive{background-position: top right;}
.bubbleBox{padding: 10px 12px;background: #333;position: absolute;border-radius: 8px;}
.bubbleBox>div{padding: 5px  16px;color: #fff;border-top: 1px solid #555555 ;border-bottom: 1px solid  #1b1b1b; }
.bubbleBox>div:first-of-type{border-top: none;}
.bubbleBox>div:last-of-type{border-bottom: none;}
.topStyle{position: absolute;left: 42%;top:-10px;}
.sawtooth,.sawBottom{padding: 6px 16px 10px 16px;position: relative;}
.sawtooth{margin: 10px 10px 0 10px;
    background:#ff9900;
    background-image:
        -webkit-gradient(linear,50% 0,0 100%,from(transparent),color-stop(.5,transparent),color-stop(.5,#c13309),to(#c13309)),
        -webkit-gradient(linear,50% 0,100% 100%,from(transparent),color-stop(.5,transparent),color-stop(.5,#c13309),to(#c13309));
    background-image:
        -moz-linear-gradient(50% 0 -45deg,transparent,transparent 50%,#c13309 50%,#c13309),
        -moz-linear-gradient(50% 0 -135deg,transparent,transparent 50%,#c13309 50%,#c13309);
    background-size:10px 5px;
    background-repeat:repeat-x;
    background-position:0 100%;}
.sawBottom{margin:0  10px 0 10px;;background-color: #c13309;font-size: 1.1em;}
.rightPos{position: absolute;right: 16px;top:26%;}