/*basic //注释*/
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size: 20px;}
html,body{font-family:Arial, "Microsoft Yahei";}
html{max-width: 500px;min-width:320px;margin:0 auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,span,input,textarea,p,th,td,hr,button,article,aside,footer,header,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img{border:0;}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
input{-webkit-appearance:none;border:none;outline: none}
input,button,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: sans-serif;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); color:#333; }
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{clear:both}
.rel{position: relative;}
.fl{float:left;}
.fr{float:right;}
.red{color:#f32e2e;}
.red2{color:#ff7575;}
.black3{color: #333;}
.blue{color:#228ce2;}
.red{color:#ff7575;}
.green{color: #00f840;}
.gray9{color: #999;}
.gray6{color: #666;}
.bold{font-weight: bold}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.no-bortop{border-top:none!important;}
.no-borbot{border-bottom:none!important;}
.pt15{padding-top:15px;}
.pb10{padding-bottom:10px;}
.mt2{margin-top: 2px}
.mt5{margin-top: 5px}
.mt8{margin-top: 8px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt50{margin-top: 50px}
.mt91{margin-top: 91px}
.mb10{margin-bottom: 10px}
.mb45{margin-bottom: 45px}
.mb48{margin-bottom: 48px}
.mt101{margin-top: 101px}
.mr1e{margin-right: 1em}
.ml1e{margin-left: 1em}
.ml6{margin-left: 6px}
.mr2e{margin-right: 2em}
.no-mt{margin-top:0!important;}
.abcenter{position: absolute; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
body{background: #eee; color: #333;}
.bgf{background: #fff;}
.splitline{padding:0 5px;  color:#999;}

.fixed-nav{padding-bottom: 48px;padding-top:50px}
.wrap{overflow: hidden;}
.main{padding: 0 15px;}
.head-info{background: #228ce2; color: #fff;}
.page-tit{font-size:17px; z-index: 10; height:50px; line-height:50px;width: 100%; color:#fff;  background:#000; position: fixed;top:0; }
.search-icon,.addplus{display: block; height: 28px; position: absolute;}
.search-icon{ top:11px; right:50px; width:20px; background: url(../images/search-icon.gif) no-repeat 0 0; 
	background-size: 100% 100%; border:1px solid #228ce2;}
.search-icon-1{right:15px;}
.addplus{top:11px; right:15px; width:19px;  background: url(../images/plus.gif) no-repeat 0 0; 
	background-size: 100% 100%; border:1px solid #228ce2; }
.page-tit-back{ text-indent:1000px; font-size:0;  line-height:0;
width: 12px; height: 12px; border:2px solid #fff; display: block;
position: absolute; top:50%; left: 15px; border-width:2px 2px 0 0;  -webkit-transform:translate3d(0,-50%,0)  rotate(225deg) ;   transform:translate3d(0,-50%,0)  rotate(225deg) ; }
.page-tit-back::before{content:''; display:block; width:50px; height:36px; position:absolute; top:0; left:-13px; -webkit-transform:translate3d(0,-50%,0)  rotate(-225deg) ; transform:translate3d(0,-50%,0)  rotate(-225deg) ;}
.share-btn{font-size:15px; line-height:1; color:#fff; position:absolute; right:15px; margin-top:18px;}
.edit-btn{display: block; height: 18px; width: 18px; position:absolute; top:16px; right:15px; text-indent: -10000px; background:#228ce2 url(../images/edit-btn.png) no-repeat ; background-size:100% }
/*index*/
.user-wrap{padding:14px 15px;}
.user-img{width:60px;height: 60px;border-radius: 15%;float: left; overflow: hidden;  -webkit-user-select: none;user-select: none;}
.user-img img{width: 100%; display: block;height:100%;}
.user-name{padding:12px 0 0 15px;float: left;}
.user-name h3{font-size: 15px; color: #fff;}
.user-name p{font-size: 12px; line-height: 20px;color: #fff; }
.local-city{font-size: 12px;float: right;padding-left: 12px; margin-top: 25px;
background: url(../images/icon-map.png) no-repeat left center;background-size:7.7px auto;}

.box{border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;  border-width:1px 0px; background: #fff; }
.box-tit{border-bottom:1px solid #e8e8e8; font-size: 14px;height: 33px; padding: 0 15px; line-height: 33px; position: relative;}
.blue-line::before{content: '';height: 100%; width:3px; display: inline-block; background: red; position: absolute;
top:0; left: 0;}
.notice{background: url(../images/notice.gif) no-repeat left center;background-size: 29px auto; padding-left:39px; }

.box-con{padding:15px 6px; }
.menu-list{overflow: hidden;}
.menu-list li{width:25%; float: left; text-align: center; margin-bottom: 14px;}
.menu-list li span{display: inline-block;width: 45px; height:45px; overflow: hidden;
background: url(../images/icon-tag1.png) no-repeat 0 0; background-size:auto 360px;}
 .menu-list li .tag2{background-position: 0 -45px ;}
.menu-list li .tag3{background-position: 0 -90px; }
.menu-list li .tag4{background-position: 0 -135px;}
.menu-list li .tag5{background-position: 0 -180px; }
.menu-list li .tag6{background-position: 0 -225px; }
.menu-list li .tag7{background-position: 0 -270px;}
.menu-list li .tag8{background-position: 0 -315px;} 
.menu-list li p{font-size: 12px;}
.tip-icon{width: 15px; margin-top: 9px;}
.tip-icon img{width: 100%; display: block;}
.bar-nav{position: fixed;bottom: 0;width: 100%; padding: 8px 0 0; z-index: 2; border-top: 1px solid #ccc; background: #f7f7f8}
.bar-nav li{font-size: 10px; float: left;width:25%; text-align: center;position: relative;}
.bar-nav li span{display: block;margin:0 auto; width:100%;height: 20px;
background:url(../images/icon-home.png) no-repeat center 0; background-size:contain;}
.bar-nav li.on .home{background-image:url(../images/icon-homeon.png);}
.bar-nav li.on p{color:#228ce2;}
.bar-nav li .account{background-image:url(../images/icon-account.png);}
.bar-nav li.on .account{background-image:url(../images/icon-accounton.png);}
.bar-nav li .wordIM{background-image:url(../images/icon-wordIM.png);}
.bar-nav li.on .wordIM{background-image:url(../images/icon-wordIMon.png);}
.bar-nav li .page-more{background-image:url(../images/icon-page-more.png);}
.bar-nav li.on .page-more{background-image:url(../images/icon-page-moreon.png);}
.bar-nav li p{color: #929292;margin-top: 5px;}
.wordIm-num{color:#fff; font-size:8px; position:absolute; background:#fe080e; 
height: 16px;width: 16px; line-height: 16px; font-style: normal;
transform-origin: 0 center;
text-align: center; display: block;border-radius: 50%; top:-5px; left:50%;}

.data-grid{overflow: hidden; background: #eee;}
.data-grid a{display: block;background: #fff;float: left;width: 33.333333333%;height: 120px;text-align: center;
box-sizing: border-box; padding:20px 0 18px;position: relative;}
.data-grid a:before {content: '';
position: absolute;box-sizing: border-box;width: 100%;height: 100%;left: 0;top: 0;border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;z-index: 1;}
.data-grid a:nth-child(3n){border-right:none;}
.data-grid a h3{font-size: 15px; font-family: arial;}
.data-grid a p{font-size:10px; color: #666; margin-top: 2.5px}

/*liststyle*/
.liststyle{margin-top: 15px;}
.liststyle li{background: #fff; padding: 0 15px; position: relative; height: 44px; line-height: 44px; border-bottom: 1px solid #e8e8e8; font-size: 15px;}
.liststyle li:first-child{border-top:1px solid #e8e8e8;}
.liststyle li a{display: block;}
.liststyle.font12 li{font-size:12px;}
.list-arr{width: 8px; height: 8px; border:2px solid #c7c7cc; display: block;
position: absolute; top:50%; right: 15px; border-width:2px 2px 0 0;     transform:translateY(-50%)  rotate(45deg) ; -webkit-transform:translateY(-50%)  rotate(45deg) ;}
.arr-white{border-color:#fff;}
.right-info{float:right;color: #999; font-size: 12px;}
.list-group{position: relative;}
.list-group::before{content: ''; width: 15px;z-index: 1; position: absolute; display: block; left: 0;top:1px; bottom:1px;background: #fff;}

.page-tit-tab{overflow: hidden; border:1px solid #fff; border-radius:4px; width: 118px; margin:10px auto 0; line-height: 28px; height: 28px;}
.page-tit-tab a{font-size: 12px; height: 100%; color:#fff; width: 50%;display: block;text-align: center; float: left;}
.page-tit-tab a.on{color: #228ce2; background: #fafafa;}

.newlist dl{border-bottom: 1px solid #e8e8e8; background: #fff; padding:10px 15px; box-sizing: border-box;}
.newlist dl dt{float: left; width:45px; height:45px; border-radius: 50%; overflow: hidden;}
.newlist dl dt img{width: 100%;}
.newlist dl dd{padding-left:60px; height: 45px;}
.newlist dl dd h3{font-size: 15px; overflow: hidden; padding-top:3px;}
.newlist dl dd h3 .date-time{font-size: 12px; margin-top: 4.5px; color: #999;}
.newlist dl dd p{font-size:12px; color: #999; margin-top: 4.5px;} 
.page-tips{color: #999; text-align: center; padding: 20px 0;  font-size:12px; } 

.searchlist ul{background: #fff;}
.searchlist li{overflow: hidden; padding:18px 15px; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; }
.searchlist li h3{overflow: hidden; line-height: 20px;text-overflow: ellipsis; white-space: nowrap; }
.searchlist li h3 span{vertical-align: middle;}

.textarea-box{border:1px solid #e8e8e8; border-radius: 3px;background: #fff; padding-bottom: 5px;}
.textarea-box h2{font-size: 14px; line-height: 32px;text-indent: 15px;border-bottom: 1px solid #e8e8e8;}
.textareastyle{width: 100%;border:none; resize: none;  font-size:12px; padding: 10px 15px;box-sizing:border-box;}
.textarea-counter{text-align: right;font-size: 12px; padding: 0 15px;}

.textarea-box2{border:0; background:#eee; padding:10px; border-radius:5px;}
.textarea-box2 .textareastyle{background: #eee; padding:5px 0;}

/*btn*/
.btn{font-size: 15px; color: #fff; text-align: center; height: 44px; line-height: 44px; background: #228ce2; display:block; border-radius: 5px;}
.btn02{display:block; height:24px; line-height:24px; background:#228ce2; font-size:12px; color:#fff; width:54px; text-align:center; border-radius:3px;}
.btn03{display:block; height:24px; padding:0 8px; line-height:24px; background:#228ce2; font-size:12px; color:#fff; text-align: center; border-radius: 5px;}
.btn04{display:inline-block; padding:0 20px;   height:24px; line-height:24px; background:#228ce2; font-size:12px; color:#fff;text-align:center; border-radius:3px;}
.btn-bgd{background:#ddd;}
.btn-bge{background:#eee; color:#333;}
.btn-disabled{background: #ccc;}

/*searchpage*/
.searchbox{background:#fff; border-radius:3px;height: 30px; position: relative; line-height: normal; font-size: 12px; margin:10px 53px 0 42px;}
.input-search{height: 30px; background: #fff; width: 100%; padding:0 28px 0 34px; box-sizing: border-box; background: url(../images/icon-search.png) no-repeat 10px 9px; background-size:15px auto;}
.input-refresh{position:absolute; right:10px; top:7px;display: block;width: 15px;height: 15px; background: url(../images/icon-search.png) no-repeat 0 -45px; background-size:15px auto; }
.search-not{ display: none; background: #fff;   width: 100%; position: absolute; top:91px; bottom:0;}
.search-not img{width: 95px; margin-top:180px;}
.search-not h3{font-size:15px; color:#666; line-height: 40px;}
.search-btn{color:#fff; font-size: 14px; float: right; margin-right: 15px;}
.per-info{overflow: hidden; position: relative; background: #fff; padding:7px 15px 6px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.per-info .user-img{float: right; margin-right: 35px;}

.select-wrap{ z-index:10; position: fixed;top:50px; width: 100%;}
.select-top{padding:15px 0; height: 20px; width: 100%;background: #fff; border-bottom:1px solid  #e8e8e8;}
.select-tit{width:25%; float: left; text-align: center;background: #fff; font-size:14px; line-height: 20px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.select-tit .s-name{}
.select-arr{display: inline-block; line-height: 0;vertical-align:-3px; ; margin-left: 6px; width:0;height: 0; border:5px solid transparent; border-top-color:#999;}
.select-con{background: #fbfbfc; font-size: 13px; padding:5px 15px; max-height: 300px; display: none; position: absolute; top:51px;width:100%; box-sizing: border-box;}
.slect-list-qy{width: 33.3333333%;float: left; max-height:288px; overflow: auto;}
.slect-list-qy li{  line-height: 36px;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.slect-list-qy li:last-child{margin-bottom: }
.slect-list-qy li a{font-size: 13px}
.mask{ display: none; width: 100%; height: 100%; top:0; bottom:0;  position: fixed; overflow: hidden;
 z-index: 3;  background: rgba(0, 0, 0, 0.8);}
 .select-top-3 .select-tit{width:33.3333333333%;}

.select-top .select-tit.open{color:#228ce2;}
.select-top .select-tit.open .select-arr{border-color:transparent transparent #228ce2; vertical-align: 2px;}
.select-list01{margin-top:8px;}
.select-list01 li{margin-bottom: 20px;}
.select-list01 li:last-child{margin-bottom: 20px}
.select-list01 li.on{color:#228ce2; background: url(../images/select-ok.png) no-repeat right center; background-size: 15px  auto;}
.select-con-filter{background: #fbfbfc; width: 100%; height: 100%; overflow: hidden; position: fixed; box-sizing: border-box;  display: none;}

.chose-item-wrap{overflow: auto; }
.chose-item-list{padding:5px 15px;}
.chose-item-list dt{font-size: 14px; height: 34px; line-height: 34px;}
.chose-item-list dd{margin-bottom: 20px;}
.chose-item{position:relative;text-align:center;display:inline-block; line-height:28px; height: 28px; margin:10px 6px 0 0 ; }
.chose-item input{position:absolute; width:100%; height:100%; opacity: 0; top:0; left:0; right:0; display:inline-block;}
.chose-item  a{display:block; padding:0 10px;  color:#522b19; font-size:12px; background: #eee; border-radius: 3px;}
.chose-item input:checked + a{background:#228ce2; color:#fff;} 
.bottom-btn{height: 44px; line-height: 44px; border-top:1px solid #e8e8e8; position: fixed; width: 100%; bottom: 0}
.bottom-btn a{width:50%; height:100%; text-align: center; display:block; float:left; background: #fff; font-size:15px;}
.bottom-btn a.btn-bgblue{background:#228ce2; color:#fff;}
.bottom-btn a.btn-bg-blue1{background:#75c1ff; color:#fff;}
.bottom-btn.font12 a{font-size:12px;}
.bottom-btn .btn-one{display:block;background:#228ce2; color:#fff; height: 44px; line-height: 44px; width: 100%; font-size: 15px; text-align: center;}

.icon-yu,.icon-E{font-size: 12px;  color:#ff7575;  display: inline-block;text-align: center;  border:1px solid #ff7575; }
.icon-yu{width:14px; height: 14px; line-height: 14px; }
.icon-E{width:12px; height: 12px; line-height: 12px; font-weight:bold; margin-top:3px;}
.icon-talk{width:20px; height: 20px; display: block;position: absolute; right:15px; bottom:16px;}
.icon-talk img{width: 100%; }


.agent-info-top{background:#fff; padding:14px 15px; overflow:hidden; position:relative;}
.agent-info-top .user-name h3{color:#333;}
.agent-info-top .user-name p{color:#999;}
.agent-info-top .abcenter.fr{right:15px;font-size:12px;color:#999;}

.in-list{width:100%; font-size:12px;}
.in-list-l{width:54%;}
.in-list-r{width:44%;}
.in-list dt{float:left;}
.in-list dd{color:#999; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.text-list{}
.text-list dl{border-bottom: 1px solid #e8e8e8; padding:10px 0 16px;}
.text-list dl dt{font-size:14px; height: 32px; line-height: 32px;}
.text-list dl dd{font-size: 12px; line-height: 18px;}

/*table*/
.table01{width:100%; font-size:12px; text-align:center; line-height:32px;border:1px solid #e8e8e8;}
.table01 th{text-align:center; font-weight:normal;border:1px solid #e8e8e8;}
.table01 td{border:1px solid #e8e8e8; position:relative;} 
.table02{width:100%; font-size:12px; border-bottom:1px solid #e8e8e8;}
.table02 td{border-bottom:1px solid #e8e8e8; padding: 10px 0; position:relative;} 
.table02 tr td:first-child{padding-left:15px; box-sizing: border-box;}

.line-15::before{display:block; content:''; width:15px; height:100%;border-bottom:1px solid #fff; position:absolute; bottom:-1px; left:0;}
.line-15-top::before{display:block; content:''; width:15px; height:100%;border-top:1px solid #fff; position:absolute; top:-1px; left:0;}
.fixed-btn{width:100%; height:48px; border-top:1px solid #ccc; z-index: 3;
line-height:48px; position:fixed; bottom:0; background:#f7f7f8;}
.fixed-btn li{width:33.333333%;; float:left;text-align:center; position:relative;}
.fixed-btn li a{display:block; font-size:15px; color:#666;}
.fixed-btn li:nth-child(2)::before,.fixed-btn li:nth-child(2)::after{content:''; display:block;
position:absolute; top:12px;   width:1px; height:24px; background:#ccc;}
.fixed-btn li:nth-child(2)::before{left:0;}
.fixed-btn li:nth-child(2)::after{right:0; display: block;}
.fixed-btn li a span{padding-left:22px; height:48px; display:inline-block; background:url(../images/fixed-nav.jpg) no-repeat 0 0; background-size:18px auto;}
.fixed-btn li a span.i-protext{background-position:0 0;}
.fixed-btn li a span.i-talk{background-position:0 -49px;}
.fixed-btn li a span.i-flow{background-position:0 -100px;}

.fixed-btn-2 li{width:50%;}
.fixed-btn-2 li:nth-child(2)::after{right:0; display: none;}
.fixed-btn-1 li{width:100%;}

.form-list{}
.form-list dt{float: left; font-size: 14px; width:4em;}
.form-list dd{margin-left:4em; position: relative;}
.form-list dd::before{   content: '';width: 8px;height: 8px;border: 2px solid #c7c7cc;display: block;position: absolute;top: 50%;right: 0;  border-width: 2px 2px 0 0; transform: translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%)  rotate(45deg) ;}
.form-list dt.w8e{width:8em;}
.form-list dd.ml8e{margin-left: 8em;}
.selectstyle{font-size: 14px; position: relative; z-index: 1; width:100%; text-align: right; padding-right:18px; -webkit-appearance: none;border: 0;background: 0 0;width: 100%;}
.selectstyle,.selectstyle option{  direction: rtl; color:#228ce2;}
.selectstyle option:selected{color:#999;}

.tit-14{font-size: 14px; height: 44px; line-height:44px; }
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-overflow-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.train-list{}
.train-list dl{background:#fff; margin-bottom:15px;}
.train-list dt img{display:block; width:100%;}
.train-list dd{font-size:16px; padding:14px 15px;}

.article{background:#fff;}
.article img{width:100%;}
.article p{padding:0 15px; line-height:24px; color:#666; font-size:14px;}
.article .article-tit{margin:0 15px; border-bottom:1px solid #e8e8e8; font-size:14px;   line-height: 24px; padding:10px 0;}

.inputstyle{width:100%; font-size:14px;}
.article-edit{width: 100%; color:#999; border:none; resize: none; line-height: 24px;  font-size:14px; padding: 10px 15px;box-sizing:border-box;}

.share-wrap{width:100%; position:fixed; bottom:0; background:#e0dfdc; z-index:11;}
.share-wrap ul{padding:30px 0; overflow:hidden;}
.share-wrap ul li{width:25%; font-size:14px; text-align:center; float:left;}
.share-wrap ul li span{width:60px; height:62px; display:block; margin:0 auto; overflow:hidden;
background:url(../images/share-bg.gif) no-repeat 0 0; background-size:240px auto; text-indent:-1000px;}  
.share-wrap ul li span.weixin-friend{background-position:-60px 0;}
.share-wrap ul li span.weibo{background-position:-120px 0;}
.share-wrap ul li span.qq-zone{background-position:-180px 0;}
.share-wrap ul li span.qq-friend{background-position:0 -114px;}
.share-wrap ul li span.copy-link{background-position:-60px -114px;}
.share-wrap ul li p{height:30px; line-height:30px;}
.share-x{ text-align:center; background:#f2f2f2; line-height:48px; font-size:15px;}
.share-x a{display:block; } 
.daily-chose{background: #fff;border-bottom:1px solid #e8e8e8; height: 40px;line-height: 40px; position: fixed;width: 100%;top:50px; }
.daily-chose ul{font-size:12px; }
.daily-chose li{width:33.333333%; float:left; text-align: center; }
.daily-chose li a{color:#999;}
.daily-chose li a.on{color:#228ce2; display:inline-block; position: relative;;}
.daily-chose li a.on::after{content: '';display: block;width:100%;height:2px; position: absolute;bottom:0; background:#228ce2; }
.daily-type{padding:0 15px 15px; background: #fafbfc; border-bottom: 1px solid #e8e8e8; box-sizing: border-box;}

/*0926add bottomlayer*/
.bottom-layer{width:100%; position:fixed; bottom:0; background:#e0dfdc; z-index:11;}
.bottom-layer-list{text-align: center; background:#e8e8e8;}
.bottom-layer-list li{background: #fff; height: 48px; line-height: 48px; font-size: 15px;border-top:1px solid #e8e8e8;}
/*loading*/
.loading-img{width: 60px; position:fixed; top:50%; left:50%; margin:-30px 0 0 -30px; display: block; }
/*1009 article-con*/
.article-con{padding:15px; font-size: 22px; }
.article-con .time{font-size: 12px; color: #999; margin-bottom: 20px; }
.article-con img{width: 100%; display: block;}
.article-con h1{font-size: 22px; line-height: 1.5; margin:8px 0;}
.article-con h2{font-size: 16px;}
.article-con h3{font-size: 14px;}
.article-con p{line-height: 24px;font-size: 14px; color: #666;}
/*add1020*/
.abs-con{position: absolute;top:50px;bottom:0px; min-height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch; width:100%; margin:0;}
.pay-net{width:280px; z-index: 20; background: #fff; font-size: 15px; position: fixed; top:50%; left:50%;
-webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); padding:15px; box-sizing: border-box;}
.pay-net ul{max-height: 180px; overflow: auto;}
.pay-net ul li{}
.pay-net ul li label{display: block;line-height: 24px;}
.pay-net ul li input.checkbox{display: none;}
.pay-net .sub-btn-net{display: block;width: 5.2em;margin: 10px auto 0;background: #228ce2;color: #fff;text-align: center;height: 30px;font-size: 15px;line-height: 30px;}
.checked-icon{float: right; width:15px; display: none; height: 20px; background: url(../images/select-ok.png) no-repeat 0 center; background-size: contain; }
.pay-net ul li input.checkbox:checked + .checked-icon{display:block;}
.pay-net ul li input.checkbox:checked + .checked-icon +.check-name{color:#228ce2;}
/*add1103 tips*/
.upload-wrap{position: fixed;width:100%;top: 56px;left: 0;z-index: 5;}
.upload-arr{display:block;width: 39px;height:auto;float: right;margin-right: 20px;}
.upload-txt{display:block;width: 235px;height: auto;margin: 0 auto; padding-top:20px;clear: both;}
.worktop-logo img{display:block;width: 82px;height: auto;margin: 0 auto;margin-top: 1.2rem;}
.worktop-logo p{margin-top:.6rem;font-size: 15px;color: #666;text-align: center;}
.hint{position: relative;width:100%;height:26px;margin-top:.8rem;text-align: center;font-size: 14px;color: #999;}
.hint span{display:inline-block;position:absolute;left:50%;top:0;width:72px;height: 26px;line-height: 26px;margin-left:-36px;background-color:#eee;z-index: 2;}
.hint i{position:absolute;width: 122px;left:50%;top:13px;margin-left:-61px;height: 1px; background-color: #bbb;z-index: 1;}
.install{overflow: hidden;margin-top: 1.3rem;}
.android{text-align: center;width: 50%; float: left;}
.android img{display:inline-block;width: 32px;height: auto;}
.apple{text-align: center;width: 50%; float: right;}
.apple img{display:inline-block;width: 30px;height: auto;}
.android dd,.apple dd{margin-top: .6rem;}
.android p,.apple p{font-size: 11px;color: #999;}
.slogan-wrap{position: fixed;bottom: 0;left: 0;width:100%;background-color: #f5f5f5; padding-top: 1.2rem;}
.slogan-wrap p{padding:1.5rem 0 .75rem;}
.slogan{display:block;width:246px;height: auto;margin: 0 auto;clear: both;}
/*add1108 CRM5.5 start*/
i{font-style: normal;}
.mt83{margin-top: 83px;}
.mt99{margin-top: 99px;}
.pr19{padding-right: 19px;}
.pl10{padding-left: 10px;}
.pl23{padding-left: 23px;}
/*index*/
.data-tab{font-size: 12px;line-height:42px;background-color: #fff;border-bottom: 1px solid #e8e8e8;}
.data-tab a{float: left;position: relative;/*width: 20%;*/padding-left: 15px;box-sizing:border-box;}
.data-tab span.arr{display:block;position:absolute;top:50%;left:100px;width:6px;height:6px;border:2px solid #999;border-width:2px 2px 0 0;-webkit-transform:translate3d(0,-6px,0) rotate(135deg);transform:translate3d(0,-6px,0) rotate(135deg);}
.data-tab .date{float: right;width: 65%;}
.data-tab .date li{float: left;width:20%;color: #999;text-align:center;box-sizing:border-box;position: relative;}
.data-tab .date li::after{position: absolute;top: 20px;right: 0;content: "";display: block;width: 1px;height: 14px;background-color: #999;-webkit-transform:translate3d(0,-6px,0) rotate(15deg);transform:translate3d(0,-6px,0) rotate(15deg);}
.data-tab .date li:last-child::after{right: 0;display: none;}
.data-tab .date li.current{color: red;position: relative;}

.data-grid {display: none;}
.data-grid.current{display: block;}
.data-grid a h3{font-size:10px;color: #666;}
.data-grid a p{font:15px Arial;color: #333;margin-top:6px;}
.data-grid a > span{display:inline-block;font-size:10px;color: #666;margin-top:6px;}

.bar-nav{height: 41px;}
.bar-nav-3 li{width: 33.333333333%;}
.bar-nav-2 li{width: 50%;}
.bar-nav-1 li{width: 100%;}
/*statistics*/
.date-wrap{position: fixed;top: 50px;left: 0;width:100%;font-size: 12px;color: #999;background-color: #fff;z-index: 10;overflow: hidden;border:none;}
.date-wrap .box-tit{background-color: #eee;}
.date-wrap .date-tit{position: relative;padding:11px 15px 0;height: 38px;line-height: 38px;font-size: 14px;background-color: #228ce2;border-bottom:none;color: #fff;min-width: 290px;}
.date-tit .select-arr{border-top-color:#fff;}
.date-tit .s-name{color: #fff;}
.date-range{float: left;color: #fff;}
.date-range span{position: relative;}
.date-range i{position: absolute;top: -28px;left: 0;font-size: 12px;opacity: .5;filter: alpha(opacity=50%);}
.icon-arr{display: inline-block;vertical-align: 3px;width: 14px;height: 5px;background: url(../images/icon-arr.png) 0 0 no-repeat; -webkit-background-size: 14px auto;background-size: 14px auto;}
.icon-tit{height:55px;line-height: 55px;font-size: 15px; padding: 0 15px;position: relative;}
.icon-tit .list-arr{-webkit-transform:translate3d(0,-50%,0) rotate(135deg);transform:translate3d(0,-50%,0) rotate(135deg);}
.icon-tit .list-arr-up{-webkit-transform:translate3d(0,-50%,0) rotate(-45deg);transform:translate3d(0,-50%,0) rotate(-45deg);}
.icon-tit-item{display:inline-block;width:18px;height:18px;margin-top:18px;margin-right:8px;background: url(../images/icon-tit.png) 0 0 no-repeat;-webkit-background-size: 18px auto;background-size: 18px auto;}
.icon-city .icon-tit-item{background-position: 0 0;}
.icon-money .icon-tit-item{background-position: 0 -18px;}
.icon-customer .icon-tit-item{background-position: 0 -36px;}
.icon-staff .icon-tit-item{background-position: 0 -54px;}
.icon-fee .icon-tit-item {background-position: 0 -72px;}
.icon-performance .icon-tit-item {background-position: 0 -90px;}
.icon-product .icon-tit-item {background-position: 0 -108px;}
.select-arr-up{webkit-transform: translate3d(0,-50%,0) rotate(-180deg);transform: translate3d(0,-50%,0) rotate(-180deg);} 
.liststyle.font13 li {font-size: 13px;}

/*total-amount*/
.page-tit .select-arr{border-top-color: #fff;}
.page-tit .date-select{margin: 0 80px;}
.target-wrap{position: fixed;top: 50px;left: 0;z-index: 11;width:100%;display: none;}
.target-wrap .box{border:none;} 
.target-wrap .box-tit{background-color: #eee;border:none;}
.amount{padding:16px 15px 16px;background-color: #228ce2;color: #fff;overflow: hidden;}
.amount dt{float: left;font-size: 24px;width: 56%;line-height: 40px;}
.amount dd{float: left;font-size:12px;width: 22%;line-height: 20px;text-align: center;}
.trend-wrap {padding: 20px 15px;font-size: 12px;overflow: hidden;}
.trend{background-color: #fff;width: 52%;line-height: 24px; float: left;}
.trend li{position:relative;width: 33.333333333%;float: left;text-align: center;color: #999;}
.trend li::after{position: absolute;top: 11px;right: 0;content: "";display: block;width: 1px;height: 14px;background-color: #999;-webkit-transform:translate3d(0,-6px,0) rotate(15deg);transform:translate3d(0,-6px,0) rotate(15deg);}
.trend li:last-child::after{right: 0;display: none;}
.trend li.current{color: #228ce2;}
.trend-line{display: none;}
.trend-item{display: none;}
.trend-item.current{display: block;}
.trend-switch{float: right;width: 80px;line-height: 22px;border-radius: 5px;border: 1px solid #228ce2;}
.trend-switch li{width: 50%;height:;float: left;text-align: center;color:#228ce2; }
.trend-switch li.current{color: #fff;background-color: #228ce2;}

.trend-table{padding: 0 15px;font-size: 12px;display: none;}
.trend-table table,.progress-table table{ border:0;border-collapse:collapse;width: 100%;font-size: 12px;}
.trend-table thead tr th{color: #666; font-weight: normal;text-align: center;background-color: #f1f1f1;}
.trend-table thead tr th:nth-child(1){width: 45%;}
.trend-table thead tr th:nth-child(2){width: 20%;}
.trend-table thead tr th:nth-child(3){width: 35%;}
.trend-table th	{text-align:center;line-height: 30px;}
.trend-table td	{width:100px;text-align:center;line-height: 40px;}
.trend-table tr:nth-child(even){background-color:#f1f1f1;}
.trend-table tr:nth-child(odd){background-color:  #fff}

.selected{ background:#FF6500;color:#fff;}
.trend-list{line-height: 40px;}
.trend-list li:nth-child(even){background-color: red;}
.trend-list li:nth-child(odd){background-color: blue;}
.sort{float:right;color: #228ce2;font-size: 13px;position: relative;padding-right: 15px;}
.sort span{display: inline-block;line-height: 0;width: 0;height: 0;border: 4px solid transparent;border-top-color: #999;position: absolute;top: 50%;right:0;}
.sort span.current{border-top-color: #228ce2;}
.sort-up{margin-top: -16px;-webkit-transform:translate3d(0,6px,0) rotate(180deg);transform:translate3d(0,6px,0) rotate(180deg);} 
.sort-down{margin-top:1px;} 
.more{display: block;width:100%;line-height: 49px;text-align: center;color: #228ce2;font-size: 14px;border-top: 1px solid #e8e8e8;}

.progress-table{padding:15px;font-size: 12px;line-height: 44px;}
.progress-table table tr td:nth-child(1){width:5em;text-align: left;}
/*.progress-table table tr td:nth-child(2){width: 70%;padding:0 2%;}*/
.progress-table table tr td:nth-child(3){width: 16%;text-align: right;}
.progress-table table span{display:block;width: 5em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.progress-bg{background-color:#eee;width:100%;height:8px;}
.progress-bar{background:#228ce2;height: 8px;}
/*performance-fee*/
.daily-icon{float:right;width: 18px;height: 18px;margin-top:8px;background: url(../images/daily.png) 0 0 no-repeat;-webkit-background-size: 18px 18px;background-size: 18px 18px;}
.date-list,.target{padding: 5px 15px;display: none;}
.target{display: block;}
.date-list li,.target li{height: 37px;line-height: 37px;font-size: 13px;color: #333;background-color: #fff;}
.date-list li.current,.target li.current{color:#228ce2;background: url(../images/select-ok.png) right center no-repeat;-webkit-background-size: 15px auto;background-size: 15px auto;}
/*city-list*/
.record .box-tit{background-color: #eee;}
.record .list-group::before{width: 0;}
.record .current{color: #228ce2;}
.initials{position: fixed;top:60px;right:0;width: 30px;padding-right: 10px;text-align: center;z-index: 99;font-size: 11px;}
.initials li{height:.75rem;line-height:.75rem;}
/*add1108 CRM5.5 end*/
.page-tit,.bar-nav,.select-wrap,.mask,.bottom-btn,.fixed-btn,.share-wrap,.daily-chose,.bottom-layer,.search-not{left: 0;}
.data-grid1{display:block;}
.data-grid1 a{height:93px;}
/*add1122 CRM5.6 start*/
.select-top-2 .select-tit{width:50%;}
.store-info-top{background: #fff;padding: 14px 15px;overflow: hidden;}
.store-info-top h3{font-size: 15px;}
.store-info-top p{font-size: 12px;line-height: 20px;color: #999;} 
.icon-tel{float:right;display: block;width: 14px;height: 14px;margin:15px 8px 0 0;background: url(../images/icon-tel.png) 0 0 no-repeat;-webkit-background-size: 14px 14px;background-size: 14px 14px;}
/*port-info*/
.table03 th{border-top:none;padding: 5px 0;line-height: 15px;color: #666;}
/*search-store*/
.search-tit{background: #fff;border-bottom: 1px solid #ddd;}
.search-tit .search-btn {color: #228ce2;}
.search-tit .searchbox{background:#eee; margin-left: 15px;}
.input-search2{background: url(../images/icon-search2.png) no-repeat 10px 9px;background-size: 15px auto;}
.input-refresh2{background: url(../images/icon-search2.png) no-repeat 0 -45px;background-size: 15px auto;}
/*flowup--upload-note*/
.textareastyle2 {width: 100%;border: none;resize: none;line-height: 20px;font-size: 14px;text-align: justify;background-color: #eee;box-sizing: border-box;padding: 0 3px;outline: none;}
.selectstyle.gray9{color: #999;}
.inputstyle2{width: 100%;font-size: 14px;text-align: right;padding-right: 19px;box-sizing: border-box;}
.form-list dd.yuan::before { content: '元'; width: 42px; height: 42px; border:none; display: block; position: absolute; top: 0; right: -1.5rem; border-width: 2px 2px 0 0; transform: translateY(0) rotate(0deg); -webkit-transform: translateY(0) rotate(0deg); color: }
/*add1122 CRM5.6 end*/
/*add CRM6.0 start*/
.no-pt{padding-top: 0!important;}
.font14{font-size: 14px!important;}
.bgf2{background-color: #f2f2f2;}
.arr-wrap{color: #228ce2;font-size: 14px;padding-right: 13px;position: relative;}
.blue-arr{width: 8px;height: 8px;border: 2px solid #228ce2;display: inline-block;position: absolute;top: 50%;right: 3px;border-width: 2px 2px 0 0;transform: translateY(-50%) rotate(45deg);-webkit-transform: translateY(-50%) rotate(45deg);}

.dl-list{display: table;width: 100%;padding: 6px 14px;line-height: 20px;font-size: 14px;border-top: 1px solid #f4f4f4;box-sizing: border-box;background:#fff;}
.dl-list dt{display: table-cell;vertical-align: top;color: #333;}
.dl-list dt.w5e{width: 5em;}
.dl-list textarea{width:100%;box-sizing:border-box;color: #0c0d0e;line-height: 20px;outline:none;font-size:14px;border:none;text-align: right;resize:none;vertical-align: top;}
.star-lecturer-percent{position: relative;width:81px;height:13px;margin-top: 4px;}
.star-lecturer-per,.star-lecturer-bg{width:100%;height:100%;background: url(../images/star-lecturer.png) 0 bottom no-repeat;-webkit-background-size: 81px 30px;background-size: 81px 30px;}
.star-black-percent{position: relative;top:2px;left:0;width:64px;height:10px;margin-right:16px;display: inline-block;}
.star-black-per,.star-black-bg{display: inline-block;width:100%;height:100%;background: url(../images/star-black.png) 0 bottom no-repeat;-webkit-background-size: 64px 30px;background-size: 64px 30px;}
.star-big-percent{position: relative;width:155px;height:18px;}
.star-big-per,.star-big-bg{display: inline-block;width:100%;height:100%;background: url(../images/star-big.png) 0 bottom no-repeat;-webkit-background-size: 155px 50px;background-size: 155px 50px;}
.star-user-percent{position: relative;width:58px;height:10px;margin-top: 10px;}
.star-user-per,.star-user-bg{width:100%;height:100%;background: url(../images/star-user.png) 0 bottom no-repeat;-webkit-background-size: 58px 25px;background-size: 58px 25px;}
.star-lecturer-bg,.star-user-bg,.star-big-bg,.star-black-bg{background-position: 0 0 ;position: absolute;left: 0;top: 0;z-index: 2;}
.loading{text-align: center;}
.loading img{display:inline-block;width:16px;height:16px;}
.btn05 {font-size: 14px;color: #228ce2;text-align: center;height: 44px;line-height: 44px;background: #fff;border:1px solid #228ce2;display: block;border-radius: 5px;}
.share-tips{position: relative;width:100%;height:26px;margin-top:.8rem;text-align: center;font-size: 12px;color: #666;}
.share-tips span{display:inline-block;position:absolute;left:50%;top:0;width:45px;height: 26px;line-height: 26px;margin-left:-22px;background-color:#fff;z-index: 2;}
.share-tips i{position:absolute;width: 50%;left:50%;top:13px;margin-left:-25%;height: 1px; background-color: #666;z-index: 1;}
.share{width:100%;background:#fff; z-index:11;}
.share ul{padding:30px 0; overflow:hidden;}
.share ul li{width:25%; font-size:12px; text-align:center; float:left;}
.share ul li span{width:30px; height:30px; display:block; margin:0 auto; overflow:hidden;background:url(../images/icon-share.png) no-repeat 0 0; background-size:30px auto; text-indent:-1000px;}  
.share ul li.weixin-friend span {background-position: 0 -30px;}
.share ul li.copy-link span{background-position:0 -60px;}
.share ul li.erweima span{background-position:0 -90px;}
.share ul li p{height:30px; line-height:30px;}
.ewm-wrap{width: 200px;overflow: hidden;z-index: 20;font-size: 15px;position: fixed;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);box-sizing: border-box;}
.ewm{padding: 22px;background: #fff;}
.ewm img{width: 154px;height: 154px;}
.close{background-color: #fff;margin-top: 15px;color: #333;}

.location{width:9px;height:12px;margin-right:10px;display:inline-block;background: url(../images/icon-map2.png) 0 0 no-repeat;-webkit-background-size: 9px 12px;
background-size: 9px 12px;}
.tel-wrap{padding: 5px 15px;border: 1px solid #228ce2;border-radius: 3px;}

.icon-free,.icon-paid{display: inline-block;position:relative;top:-2px;left:0;margin-left:12px;padding:0 5px;line-height:14px;font-size: 10px;border-radius: 2px;}
.icon-free{color: #ff8b23;border: 1px solid #ff8b23;}
.icon-paid{color: #61cd70;border: 1px solid #61cd70;}

.lecturer{position: fixed;left:0;top:0;width:100%;background: #f4f8ff;padding: 5px 15px;overflow: hidden;box-sizing:border-box;z-index: 10;}
.lecturer .user-img{width: 30px;height: 30px;}
.lecturer .user-name{padding-left: 10px;}
.lecturer .user-name h3{font-size: 12px;color: #333;}  
.lecturer .user-name p{line-height: 14px;font-size: 10px;color: #999;} 
.lecturer .abcenter{right: 15px;} 
.letter-top{position: relative;margin-top: 70px;}
.tel-blue{width: 18px;height: 18px;margin-top: 8px;}
.letter-top .tit{width:74%;padding:20px 6%;margin:30px auto 0;box-shadow: 0 -1px 10px #bbb;font-size: 20px;color: #fff;text-align: center;line-height: 30px;	
    background:#628dff; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #3f9eff, #7684ff);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#3f9eff), to(#7684ff));  
    background:-o-linear-gradient(top, #3f9eff, #7684ff); }
.letter-bg img{position: absolute;width: 100%;height: auto;left: 0;bottom: 0;z-index: -1;box-shadow: 0 0 10px #bbb;}
.letter-bg::after{content:''; display:block; width:100%; height:10px; position:absolute; bottom:-8px; left:0;background-color: #fff;}
.sign{display:inline-block;margin-top: 20px;padding:0 22px;line-height: 28px;border: 1px solid #fff;border-radius: 3px;font-size: 15px;color: #fff;}
.letter-con{width: 100%;;margin: 0 auto;box-shadow: 0 1px 10px #bbb;}   
.letter-con ul{padding:0 6.8% 0 20.7%;}
.letter-con ul li{position:relative;line-height: 20px;padding: 20px 0;font-size: 15px;border-bottom: 1px solid #eaeaea;min-height: 20px;} 
.letter-con ul li i{position:absolute;left:-19%;top:20px;display:inline-block;width:22px;height:25px;background: url(../images/icon-letter.png) 0 0 no-repeat;-webkit-background-size: 22px auto;background-size: 22px auto;}
.letter-con ul li i.address{background-position:0 -36px;}
.letter-con ul li i.theme{background-position:0 -75px;}
.companion{line-height: 40px;font-size: 16px;margin-top: 35px;padding:0 15px;border-bottom: 1px solid #e8e8e8;}

.mark{padding: 25px 15px;font-size: 16px;margin-top: 40px;}
.no-train img{margin-top: 60px;width: 94px;}
.no-train h3{font-size: 15px;color: #666;line-height: 40px;}
.search-not p{font-size: 15px;text-align: center;color: #666;line-height: 18px;}
.point{width: auto;text-align: center;display: none;}
.point-txt{width: 185px;display: block;}
.point-btn{width: 72px;margin-top: 68px;}
.sofa{margin: 50px 0 70px;}
.sofa img{width: 125px; margin: 0 auto;display: block;}
.sofa p{font-size: 15px;text-align: center;margin-top: 25px;color: #666;}
/*add CRM6.0 end*/
/*add CRM6.0.5 start */
.doubt{margin:0 10px;}
.doubt img{ width: 12px; height: 12px;}
.icon-doubt img{ width: 19px;height: 19px;margin-top: 15px;right: 15px;}
.icon-doubt .abcenter{right:15px;}
.quota{padding:5px 0;}
.quota-tit,.quota dl{padding:12px 0 ;width: 100%;background-color: #fff;line-height: 16px;font-size:12px;text-align:left;overflow: hidden;}
.quota-tit{border: 1px solid #eee;border-width: 1px 0;}
.quota-tit dt,.quota dt{float:left;width: 33.333333%;padding-left: 15px;box-sizing:border-box;}
.quota-tit dd,.quota dd{float:left;width: 66.666666%;padding: 0 15px;box-sizing: border-box;}
/*add CRM6.0.5 end */
/* animation */
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  } 
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
-webkit-animation: fadeOutDown .3s both;
  animation: fadeOutDown .3s both; 
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation: fadeInUp .3s both;
  animation: fadeInUp .3s both;
}