*{ padding: 0; margin: 0; border: 0; box-sizing: border-box;}
html{ width: 100%;}
body{ width: 100%; font-family:Helvetica,arial; background: #f5f5f5; color: #363636;}
em,span,b{ font-style: normal;}
ul,li{ list-style: none;}
img{ width: 100%; display: block;}
a{ text-decoration: none;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}

.container{padding: .3rem;}
.container h1.bt{ font-size: .45rem; line-height: .6rem; font-weight: 500; margin-bottom: .05rem; position: relative;}
.container .mold{ margin-bottom: .3rem;}
.container .mold span{ display: inline-block; font-size: .35rem; line-height: .35rem; padding: .08rem .15rem; margin-right: .2rem; border-radius: .1rem; background: #00a2ff; color: #fff;}
.relateList{ border-top: 2px solid #00a2ff; padding: 0 .3rem; background: #fff; margin-bottom: .2rem;}
.relateList h2{ font-size: .4rem; line-height: 1.2rem; font-weight: 500; background: url(https://skin.kankanews.com/sanya/images/icon_ab.png) no-repeat right center; background-size: 0.75rem;}
.relateList h2.cur{background: url(https://skin.kankanews.com/sanya/images/icon_at.png) no-repeat right center; background-size: 0.75rem;}
.relateCon{ display: none; padding: .2rem 0; font-size: .4rem; line-height: .75rem; border-top: 1px solid #f5f5f5;}
.relateCon p{ text-align: justify;}
.info{ position: relative; padding-left: 2rem;}
.info span{ position: absolute; left: 0; top: 0;}
.container h1.bt .state{ position: absolute;right: .3rem; top: 0rem; background: #00a2ff; color: #fff; font-size: .4rem; padding: 0 .3rem; height: .8rem; line-height: .8rem; border-radius: .2rem;}
.container h1.bt .state a{ color: #fff;}

ul.cTab{ padding: .4rem 0 .2rem 0;}
ul.cTab li{ display: block; position: relative; padding-left: 3rem; margin-bottom: .2rem;}
ul.cTab li input{ padding: .2rem; background: #efefef; height: .8rem; line-height: .4rem; font-size: .4rem; background: #efefef; border: 0;}
ul.cTab li span{ position: absolute; left: 0; top: 0; width: 3rem; text-align:right; font-size: .4rem; line-height: .8rem;}
.relateList .line{ margin: 0 auto; height: 0; border-top: 1px solid #f5f5f5; overflow: hidden;}
.btnBox{padding: .3rem 0;}
.btnBox input.submit{ width: 100%; height: 1rem; line-height: 1rem; color: #fff; font-size: .4rem; background: #00a2ff; border-radius: .2rem;}
ul.cTab li input:focus,.btnBox input.submit:focus{ outline: none;}

ul.datumList{ padding-bottom: .4rem;}
ul.datumList li{ display: block; border-bottom: 1px solid #f5f5f5; padding: 0.001rem 0;}
ul.datumList li .datumTit{ position: relative; padding: .2rem 0; height: .1.2rem; line-height: .8rem; font-size: .4rem;}
ul.datumList li .datumTit .updataIcon{position: absolute; right: .1rem; top: .2rem; background: #00a2ff; color: #fff; font-size: .45rem; line-height: .8rem; height: .8rem; padding: 0 .2rem; border-radius: .2rem;}
ul.datumList li .updataBox{ display: none; border: 1px solid #dfdfdf; padding: .2rem; margin-bottom: .4rem;}
ul.datumList li .updataBox .up{ float: left; display: inline; width: 1.3rem; height: 1.3rem; margin-right: .2rem; overflow: hidden; border: 1px solid #dfdfdf; text-align: center; line-height: 1.3rem; font-size: 1rem;}

.popDiv{ position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7);}
.popDiv .popCon{ position: absolute; z-index: 1001; left: 1.5rem; top: 50%; padding: .5rem .2rem; width: 7rem; border-top: 3px solid #00a2ff; background: #fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-align: center;}
.popDiv .popCon .succes{ background: url(https://skin.kankanews.com/sanya/images/icon_right.png) no-repeat center 0; background-size: 1.1rem; padding-top: 1.2rem; text-align: center; font-size: .45rem; line-height: .8rem; margin-bottom: .5rem;}
.popDiv .popCon .fail{ background: url(https://skin.kankanews.com/sanya/images/icon_wrong.png) no-repeat center 0; background-size: 1.1rem; padding-top: 1.2rem; text-align: center; font-size: .45rem; line-height: .8rem; margin-bottom: .5rem;}
.popDiv .popCon .batchBox{ text-align: center; font-size: .4rem; line-height: .8rem; margin-bottom: .3rem;}
.popDiv .popCon .batchNum{ border: 1px solid #e8e8e8; color: #00a2ff; padding: .2rem; font-size: .35rem; line-height: .5rem;}
.popDiv .popCon .btnOk{ width: 2rem; margin: 0 auto; height: .8rem; line-height:.8rem; color: #fff; font-size: .4rem; background: #00a2ff; border-radius: .2rem;}
.gerenBox{ padding-top: .3rem;}
.issueCon{border-top: 2px solid #00a2ff; background: #fff; padding: .2rem .3rem .5rem .3rem; margin-bottom: .2rem;}
.issueCon .issueTit{position: relative; line-height: .8rem; font-size: .4rem;}
.issueCon .issueTit .state{position: absolute; right: .1rem; top: 0;}
.issueCon .issueTit .state.in{ color: #06ce72;}
.issueCon .issueTit .state.finish{ color: #06ce72;}
.issueCon .issueTit .state.fail{ color: #ff030f;}
.issueCon p{ color: #666; font-size: .35rem; line-height: .6rem; }
.issueCon p span{ display: inline-block; margin-right: .4rem;}
.issueCon p b{ color: #00a2ff; display: inline-block; margin-left: .2rem;}