@charset "utf-8";
body{font:normal 100% sans-serif;background:#FFF} 
body,h1,h2,h3,p,dl,dd,ol,ul,th,td,fieldset,input,button,textarea,form,canvas,audio,video,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0}
li{list-style:none}
img{border:0}
i{color:red;font-style:normal;font-weight:bold}
.cb{clear:both}
a,input,textarea{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}
/*{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;outline:none}*/
a:link,a:visited,a:active,a:hover{text-decoration:none;color:#333}
textarea{resize:none}
.flex{display: flex}
	.flex-a-c{display: flex;align-items: center}
	.fill{flex: 1}
.tbflex{min-height: 100%;margin: 0 auto;display: flex;flex-direction: column;height: 100%;width: 100%;box-sizing: border-box;}
.fl{float:left;display:inline}
.tl{text-align:left}
.tr{text-align:right !important}
.tc{text-align:center !important}
table.fix{table-layout:fixed}
.ns{ visibility:hidden}
.wfull{width:100%;display:block}
.w80{width:80%;display:block}
.pr{position:relative}
.jg10{height:10px;visibility:hidden;display:block}
.bgpic{width:100%;position:fixed;top:0px;left:0px;z-index:-1}
.topjg{display:block;visibility:hidden}
.topjg img{width:50%;display:block}
a.hbtna{position:absolute;width:100%;height:auto;display:block;text-align:center}
a.hbtna .mt{width:21%;margin-left:36%}
a.hbtna .icon{width:28%;margin-left:36%;margin-bottom:5px}
a.hbtna span{display:block;color:#333;font-size:1em;font-weight:normal;line-height:120%}
.picmask{overflow:hidden;position:relative}
.picmask img.masked{position:absolute;width:100%;top:0px;left:0px;display:block}
.inn50logo{display:block}
.inn50logo img{width:50%;display:block}
.formsbody{width:94%}
.formsbody h1{font-size:2em;color:#000;line-height:200%}
.formsbody h2{font-size:2em;color:#333;line-height:200%}
.formsbody label{font-size:1em;color:#333;line-height:200%;display:block;text-align:left;padding-left:2%}
textarea.forminp{width:98%;border:1px solid #B2B2B2;border-radius:5px;padding-left:5px;padding-top:10px;line-height:20px}
.formsbody .btn_green{margin:0px;display:block;text-align:center;line-height:40px;width:98%;height:40px;border:1px solid #FFF;border-radius:5px;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#88EFAD), to(#27A200));font-size:20px;color:#FFF}

.btn_green1{margin:0px;display:block; border:0;text-align:center;line-height:40px;width:100%;height:40px;border-radius:5px;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#88EFAD), to(#27A200));font-size:20px;color:#FFF;-webkit-appearance:none;}

ul.news_list{width:94%}
ul.news_list li{display:block;background:#FFF;border-bottom:1px solid #CCC}
ul.news_list h1{display:block;overflow:hidden;font-size:0.8em;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
ul.news_list h1 b{ display:inline-block; color:#FFF; font-size:12px; line-height:16px; background:red; padding:0 6px; border-radius:16px; margin-right:2px}
ul.news_list h2{display:block;overflow:hidden;font-size:1.6em;line-height:150%;position:relative}
ul.news_list h2 span{display:block;overflow:hidden;font-size:0.5em;line-height:150%;color:#999;position:absolute;top:0;left:0;font-weight:normal}
ul.news_list h3{font-size:0.8em;line-height:150%;color:#999;font-weight:normal}
ul.news_list .recharge{color:#666}
.view_text{padding:.675rem;color:#333;line-height:150%}
.view_text h1{font-size:.8em;line-height:120%;color:#000;padding-top:.5rem}
.view_text h2{font-size:.6em;line-height:1.2rem;color:#999;border-bottom:1px solid #CCC;padding:.3rem 0;font-weight: normal;margin-bottom: .4rem}
.view_text .content{font-size: .65rem;line-height: 150%}
.view_text img{width:100%;display:block}
ul.recharge_list{width:94%}
ul.recharge_list li{display:block;background:#FFF;border-bottom:1px solid #CCC}
ul.recharge_list h1{display:block;overflow:hidden;font-size:0.8em;color:#000;line-height:120%;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
ul.recharge_list h2{display:block;overflow:hidden;font-size:0.8em;line-height:120%;font-weight:normal}
ul.recharge_list .recharge{color:#666}
ul.recharge_list .view_text{padding:15px;font-size:.8em;color:#666;line-height:150%}
ul.recharge_list .view_text img{width:80%;display:block;margin:0 10%}
ul.card_list{width:92%;background:#FFF;padding:10px 0px;border-radius:5px}
ul.card_list li{float:left;display:inline;width:50%;position:relative}
ul.card_list li h1{font-size:2em;overflow:hidden;position:relative;line-height:150%;background:#FFF}
ul.card_list li h1 span{font-size:0.5em;overflow:hidden;position:absolute;line-height:150%;width:100%;top:0px;left:0px;text-align:center;display:block;font-weight:normal}
ul.card_list li.br{width:100%;height:10px;clear:both;float:none;display:block;margin:0px}
.formselect select{width:98%;height:40px;border:1px solid #B2B2B2;border-radius:5px;background:#FFF;padding-left:5px;}
input.forminp{width:98%;height:40px;border:1px solid #B2B2B2;border-radius:5px;padding-left:5px; font-size:14px}

.card_view_content{display:block}
.card_view_content h1{font-size:1.5em;color:#000;line-height:120%;color:#000}
.card_view_content hr{height:0px;border:0px;border-top:1px dotted #999}
.card_view_content img.cardpic{display:block;width:80%;margin-top:20px}
.card_view_content .content{padding:10px;line-height:150%;font-size:1em;color:#333}
.card_view_content .content img{display:block;width:80%;margin-left:10%}
.wx_recharge_site_view{}
.wx_recharge_site_view td{vertical-align:top;color:#333;line-height:150%}
.wx_recharge_site_view th{vertical-align:top;color:#333;line-height:150%;text-align:right}
.mapbtndiv{position:fixed;width:60%;bottom:10px;left:20%;z-index:999;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);box-shadow:0 0 10px rgba(0, 0, 0, .5)}
.mapbtndiv img{display:block;width:100%}
.mapbtndiv img.hover{display:none}
.mapbtndiv a.selected img{display:none}
.mapbtndiv a.selected img.hover{display:block}
.mapbotbg{position:fixed;width:100%;height:26px;bottom:0px;left:0px;z-index:998}
.maploading{display:block;width:100%;height:100%;position:fixed;background:#FFF}
.maploading img{display:block;width:60%;margin:30% 20% 0 20%}
.maplistbtn tr td img{display:block;width:100%}
.maplistbtn tr td img.hover{display:none}
.maplistbtn tr td.selected img{display:none}
.maplistbtn tr td.selected img.hover{display:block}
.page{height:60px;vertical-align:top;position:relative;}
.page a{height:40px;line-height:40px;width:16%;display:block;border:1px solid #CCC;border-radius:5px;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#CCCCCC));font-size:16px;color:#333; position:absolute; top:10px; white-space:nowrap; text-align:center}
.page a.homebtn{ left:3%}
.page a.syybtn{ left:22%}
.page a.xyybtn{ left:60%}
.page a.endbtn{ left:80%}
.page span.pageinfo{top:10px;left:41%;height:40px;line-height:40px;width:16%; position:absolute; display:block; font-size:16px; text-align:center}
.msgtab td{border-bottom:1px solid #CCC;padding:5px 0}
.msgtab tr.noline td{border:0}
label.inptips{width:98%;height:40px;position:absolute;top:0px;left:0px;line-height:40px;color:#999;text-indent:5px}
label.radiobtn{width:35%;line-height:40px;height:40px;display:inline-block;text-align:left;text-indent:10px}
.suggestop{position:fixed;border-bottom:1px solid #CCC;top:0px;left:0px;width:100%;height:49px;background:#F0F0F0}
.suggestlist{margin-top:50px}
.suggestlist li{display:block;border-bottom:1px solid #CCC}
.suggestlist li a{display:block;line-height:20px;padding:5px;padding-left:50px;position:relative}
.suggestlist li img{display:block;position:absolute;top:5px;left:5px;width:40px}
.suggestlist li h1{display:block;height:20px;font-size:14px;font-weight:bold;overflow:hidden;font-size:0.8em;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.suggestlist li h2{display:block;height:20px;font-size:12px;font-weight:normal;text-align:right;color:#999}
.sugview{background:#fff;padding:10px}
.sugview table{border-collapse:collapse}
.sugview td{border:2px solid #FFF;font-size:12px;line-height:20px;padding:5px}
.sugview th{border:2px solid #FFF;font-size:12px;background:#FAFAFA;line-height:20px;padding:5px 0}
.cut{height:8px;width:100%;display:block;background:url(../images/wx/cut.png) repeat-x;clear:both}
.sugreply{padding:10px}
.sugreply table{border-collapse:collapse}
.sugreply td{border:2px solid #B0EFFF;font-size:12px;line-height:20px;padding:5px}
.sugreply th{border:2px solid #B0EFFF;font-size:12px;background:#77E3FF;line-height:20px;padding:5px 0}
.show_n{display:none}
.faqlist{}
.faqlist li{display:block;border-bottom:1px solid #CCC}
.faqlist a{display:block;padding:10px 0}
.faqlist td{line-height:20px;font-size:14px;text-align:left;padding-left:10px}
.faqlist th{width:40px;background:url(../images/wx/faq_a.png) no-repeat right}
.faqview{padding:0 5px}
.faqview h1{font-size:16px;font-weight:bold;line-height:20px;padding:20px 0}
.faqview h1 b{color:#060}
.faqview h2{font-size:16px;line-height:20px;font-weight:normal;color:#333}
.faqview img{width:100%;display:block}
.inxtab{border-collapse:collapse}
.inxtab td{border:1px solid #CCC;text-align:center;padding:10px 0}
.inxtab th{border:1px solid #CCC;text-align:left;padding:10px;background:#fafafa;font-size:1.2em}
.inxtab th b{color:#09F;margin-right:3px}
a.hbtna2{}
/*a.hbtna2 .inxico{height:30px;width:30px;vertical-align:middle;margin:5px 0}*/
a.hbtna2 .inxico{width:40%; display:block; margin:0 30%}
a.hbtna2 span{color:#666;font-size:.65em;font-weight:normal;line-height:120%;display:block;text-align: center; padding-top:5px}
.bbtab{border-collapse:collapse}
.bbtab td{border:1px solid #3A89C1;padding:5px;font-size:14px;line-height:24px;text-align:center}
.bbtab th{border:1px solid #3A89C1;padding:5px;font-size:14px;line-height:24px;background:#DFF5FF;color:#3A89C1;text-align:center}
.bbtab h1{font-size:20px;line-height:30px}
.botdiv{position:fixed;height:60px;width:100%;bottom:0px;left:0px;z-index:9999;background:url(../images/wx/botdivbg.png) repeat-x}
.backhome{width:94%;display:block;margin:10px 3%;line-height:40px;height:40px;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#88EFAD), to(#27A200));font-size:20px;color:#FFF !important;text-align:center;border-radius:5px}
.xscx_table table{border-collapse:collapse;width:100% !important;border:2px solid #000 !important}
.xscx_table table td{border:1px solid #000 !important;padding:5px}
.xscx_table table h1{height:30px;line-height:30px;text-align:center}
.btnupdate{display:block;background:#3A89C1;border:0;width:100%;height:30px;color:#FFF;font-size:14px;border-radius:0;-webkit-appearance:none}
.uppicdiv{width:94%;background:#F5F5F5;border:1px solid #CCC;margin:10px 0;padding:10px 0;border-radius:5px}
.uppicdiv .tips{color:#F90;line-height:150%;padding-bottom:5px}
.uppicdiv a.example{line-height:24px;font-size:14px;color:#09F !important;display:block;text-align:right}
.uppicdiv a.example img{width:100%;display:block}
.txpicdiv{width:200px;background:#FFF;height:150;text-align:center;overflow:hidden;display:block}
.txpicdiv img{height:150px}
/* subdiv */
.subdivbg{top:0px;left:0px;position:fixed;background-color:rgba(0,0,0,0.5);width:100%;height:100%;z-index:9999;display:none;pointer-events:visibleFill}
.subdivbg .subdivbody{border:1px solid #EEE;margin:10px}
.subdivbg .subdivbody .subdivtitle{height:40px;line-height:40px;background:url(../images/bgx.png) repeat-x;padding:0 10px;font-size:14px;font-weight:bold;color:#FFF;position:relative}
.subdivbg .subdivbody .subdivtitle a.close{height:18px;width:18px;background:url(../images/bgt.png) no-repeat -1px -18px;position:absolute;top:11px;right:10px;cursor:pointer}
.subdivbg .subdivbody .subdivtitle a.close:hover{background:url(../images/bgt.png) no-repeat -21px -18px}
.subdivbg .subdivbody .subdivtext{background:#FFF;padding:10px}
.stepdiv{height:32px;padding-left:40px;position:relative;margin:10px;text-align:left;font-size:16px;font-weight:bold;color:#09F;line-height:32px;white-space:nowrap}
.stepdiv span{height:32px;width:32px;background:url(../images/portal/roundbg32.png) no-repeat;position:absolute;top:0px;left:0px;text-align:center;line-height:32px;font-size:18px;font-weight:bold;color:#FFF}
.cardyuetab{border:2px solid #000;border-collapse:collapse}
.cardyuetab th{border:1px solid #999;text-align:left;text-indent:10px;background:#F0F0F0;line-height:30px}
.cardyuetab td{border:1px solid #999;text-align:center;line-height:30px}
.cardyuetab td.title{background:#333;color:#FFF;font-size:16px;font-weight:bold}
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 */
/* Basic Swiper Styles */
.swiper-container{/*width:70% !important;*/
	margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */
	z-index:1;display:block;width:100%}
.swiper-container img{width:100% !important;height:auto}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{float:left}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}
.loginbtn{display:block;background:#3A89C1;border:0;width:100%;height:40px;text-align:center;line-height:40px;color:#FFF !important;font-size:20px;border-radius:0;-webkit-appearance:none}
.sendsmsbtn{display:block;border:1px solid #999;width:50%;height:40px;text-align:center;line-height:40px;font-size:16px;border-radius:5px;-webkit-appearance:none;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#CCCCCC))}
.userinfobg{display:block;overflow:hidden;position:relative;background: url(../images/2017/userbg1.jpg) no-repeat; background-size:100%; text-align:center; padding:20px 0}
.userinfobg img.userphoto{width:64px;display: inline; border-radius:64px; border:1px solid #89735B}
.userinfobg h1{ display:block; text-align:center; font-size:12px; color:#FFF; padding-top:5px; line-height:20px; font-weight:normal}
.userinfobg img.btn_set{width:32px;display: block; position:absolute; top:5px; right:5px}
.username{vertical-align:top}
.username h1{font-size:.8em;font-weight:normal;line-height:150%;margin-top:4%;color:#FFF !important}
.username h2{font-size:.8em;font-weight:normal;line-height:150%;color:#FFF !important}
table.tab_userinfo{background:#FFF}
table.tab_userinfo td{border-bottom:1px solid #CCC;background:#FFF;color:#333 !important}
table.tab_userinfo a.link1{font-size:1.2em;position:absolute;display:block;height:auto;width:87%;color:#333 !important;text-indent:5%;line-height:200%}
table.tab_userinfo a.link2{font-size:1.2em;position:absolute;display:block;height:auto;width:43%;color:#333 !important;text-indent:5%;line-height:200%}
a.btn_logout1{width:88%;margin-top:10px;display:block}
a.btn_logout1 img{width:100%;display:block}
.szpicdiv{width:100%;background:#FFF;overflow:hidden;display:block;position:relative}
.szpicdiv img.userpicup{ width:100%;height:100%;position:absolute;top:0px;left:0px;display:block}
.linkra1{position:absolute;height:100%;display:block;top:0px;right:0px}

.billist{border-collapse:collapse}
.billist th{border:1px solid #CCC;background:#F5F5F5;line-height:18px;padding:3px 0;font-size:12px}
.billist td{border:1px solid #CCC;line-height:18px;padding:3px 0;font-size:12px;text-align:center}
.billist td.je{text-align:right;padding-right:20px}

.activitybg{position: absolute;top:0px;left:0px; z-index:-2}
.activitybtngif{position: absolute;top:0px;left:0px; z-index:-1}
td.activitytime{ font-size:.9em; color:#FFC; font-weight:bold}
img.activitybtn{ width:46%; margin-top:1.3%; display:block}
img.activitybtn2{ width:58%; margin:15px 0; display:block}
.winnerslist{ margin-top:2%;background:#FA2A2A}
.winnerslist td{background:#FA2A2A}
.activityrule{ position: absolute; width:100%; height:100%; background:url(../images/wx/bgc000a45.png); z-index:999; display:none; top:0}
.activityruleborder{ position:relative; margin-top:15%; width:78%; border:5px solid #900;border-radius:20px; background:#FFF;}
.activityruletitle{position:absolute;top:5%; z-index:998}
.activityruletxt{ margin:10%; font-size:1em; line-height:180%}

.winnertable{ border-collapse:collapse}
.winnertable th{ border:1px solid #CCC; padding:2px; background:#999; color:#FFF}
.winnertable td{ border:1px solid #CCC; padding:4px; font-size:12px; line-height:18px}

.wxbgmenu{ position:relative; height:50px; border-bottom:1px solid #CCC; line-height:50px; text-align:left; padding-left:50px; font-size:16px; background:url(../images/wx/btn_ra1.png) no-repeat right #FFF; background-size:auto 100%}
.wxbgmenu img{ width:32px; height:32px; position:absolute; top:9px; left:9px}
#loadlingDiv{ position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,0.8);text-align:center;top:0px;left:0px}
#loadlingDiv span{ display:block;margin-top:50%;}
#loadlingDiv span img{ vertical-align:middle;width:25px;height:25px;margin-right:10px}
#loadlingDiv span em{ vertical-align:middle;line-height:25px;font-size:16px;color:#666;font-style:normal;font-weight:bold}

.botmenu{ position:fixed; height:50px; width:100%; bottom:0px; left:0px; background:#FFF; border-top:1px solid #CCC}
.topback4{ height:40px; background:url(../images/wx/topmenu_back4.png) no-repeat #EFEFEF;border-bottom:1px solid #C1C4CD; background-size:auto 40px}
.topback4a{ height:40px; width:88px; background:url(../images/wx/topmenu_back4.png) no-repeat #EFEFEF;background-size:auto 40px; position:absolute}
.topback0{ height:40px; line-height:40px; background:url(../images/wx/btn_la.png) no-repeat; background-size:20px 40px; text-align:left; position:absolute; top:0px; left:0px; padding:0 10px 0 20px; font-size:14px; color:#4D4D4D; font-weight:normal !important}
.topnext0{ height:40px; line-height:40px; background:url(../images/wx/btn_ra.png) no-repeat right; background-size:20px 40px; text-align:right; position:absolute; top:0px; right:0px; padding:0 20px 0 10px; font-size:14px; color:#4D4D4D; font-weight:normal !important}


.ico_new{ display:block; position:absolute; width:30px; height:16px; text-align:center; font-size:10px; color:#FFF; line-height:16px; background:red; border-radius:16px; left:50%; margin-left:10px}

#subdiv_bus{ background:#09F; width:100%;height:100%; position:fixed; top:0; left:0}
ul#div_bus{ background:#FFF; margin:0 20px; overflow-y:auto;-webkit-overflow-scrolling: touch; border-radius:5px; height:96%; margin-top:2%}
ul#div_bus li{ display:block; height:35px; line-height:35px; text-indent:10px; border-bottom:1px solid #F0F0F5; background:url(../images/wx/right_a_bg1.png) no-repeat right; background-size:auto 35px; text-align:left}

ul.select_bus{ background:#FFF; margin:0 20px; overflow-y:auto;-webkit-overflow-scrolling: touch; border-radius:5px; height:96%; margin-top:2%}
ul.select_bus li{ display:block; height:35px; line-height:35px; text-indent:10px; border-bottom:1px solid #F0F0F5; background:url(../images/wx/right_a_bg1.png) no-repeat right; background-size:auto 35px; text-align:left}

/************************************ AD-pop ************************************/
.ad-pop{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 99999999;background-color: rgba(0,0,0,0.5)}
.ad-pop-content{background-size: cover; position: fixed;top:calc(50% - 7.875rem);left: 1.5rem;right: 1.5rem;height: 15.75rem;z-index: 1}
.close-ad-pop-btn{position: fixed;width: 2rem;height: 2rem;top:calc(50% - 8.875rem);right:.5rem;z-index: 2;border-radius: 1rem;background-color: rgba(0,0,0,0.5)}
.close-ad-pop-btn::after{position: absolute;content: '';width: 8%;height: 60%;top: 20%;left:46%;background: #FFF;transform:rotate(45deg);}
.close-ad-pop-btn::before{position: absolute;content: '';width: 8%;height: 60%;top: 20%;left:46%;background: #FFF;transform:rotate(135deg);}


.idx-table td{vertical-align: top}