/*!
 * =====================================================
 * shenzhendianxin huodong normalize css v1.0
 *
 * =====================================================
 */

html {
	font-size: 20px
}

@media only screen and (min-width:400px) {
	html {
		font-size: 21.33px!important
	}
}

@media only screen and (min-width:414px) {
	html {
		font-size: 22.08px!important
	}
}

@media only screen and (min-width:480px) {
	html {
		font-size: 25.6px!important
	}
}

* {
	box-sizing: border-box;
}

   
/*!
 * =====================================================
 * iconfont
 *
 * =====================================================
 */

@font-face {font-family: "iconfont";
  src: url('../../weidx/css/iconfont.eot?t=1471943674'); /* IE9*/
  src: url('../../weidx/css/iconfont.eot?t=1471943674#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../weidx/css/iconfont.woff?t=1471943674') format('woff'), /* chrome, firefox */
  url('../../weidx/css/iconfont.ttf?t=1471943674') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../../weidx/css/iconfont.svg?t=1471943674#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-speedUp-Full:before { content: "\e606"; }

.icon-search:before { content: "\e615"; }

.icon-orderSubmitted-Full:before { content: "\e638"; }

.icon-money:before { content: "\e623"; }

.icon-wifi-Full:before { content: "\e62c"; }

.icon-star-Full:before { content: "\e673"; }

.icon-autonym-Full:before { content: "\e62d"; }

.icon-iphone-Full:before { content: "\e648"; }

.icon-experiment-Full:before { content: "\e634"; }

.icon-signFor-Full:before { content: "\e639"; }

.icon-love-Full:before { content: "\e617"; }

.icon-sim-Full:before { content: "\e63e"; }

.icon-broadband:before { content: "\e600"; }

.icon-good:before { content: "\e618"; }

.icon-broadband-Full:before { content: "\e60c"; }

.icon-limit-Full:before { content: "\e60a"; }

.icon-man:before { content: "\e692"; }

.icon-clock:before { content: "\e620"; }

.icon-fixedTel-Full:before { content: "\e62f"; }

.icon-camera:before { content: "\e848"; }

.icon-location-Full:before { content: "\e630"; }

.icon-redact:before { content: "\e601"; }

.icon-maintain-Full:before { content: "\e61f"; }

.icon-sale-Full:before { content: "\e607"; }

.icon-rocket-Full:before { content: "\e608"; }

.icon-girl:before { content: "\e656"; }

.icon-sad:before { content: "\e60f"; }

.icon-smile:before { content: "\e610"; }

.icon-businessHall-Full:before { content: "\e66d"; }

.icon-bill-Full:before { content: "\e633"; }

.icon-user:before { content: "\e61b"; }

.icon-region:before { content: "\e621"; }

.icon-ArrowDown-Full:before { content: "\e61e"; }

.icon-sim:before { content: "\e61c"; }

.icon-data:before { content: "\e619"; }

.icon-international-Full:before { content: "\e625"; }

.icon-singing-Full:before { content: "\e637"; }

.icon-car-Full:before { content: "\e63a"; }

.icon-business-Full:before { content: "\e631"; }

.icon-date:before { content: "\e622"; }

.icon-IDcard:before { content: "\e616"; }

.icon-cash-Full:before { content: "\e60b"; }

.icon-phone:before { content: "\e602"; }

.icon-list:before { content: "\e647"; }

.icon-moneyBag-Full:before { content: "\e609"; }

.icon-iptv:before { content: "\e603"; }

.icon-hexagon-Full:before { content: "\e604"; }

.icon-recharge:before { content: "\e60d"; }

.icon-relevance-Full:before { content: "\e60e"; }

.icon-sofa:before { content: "\e681"; }

.icon-warn-circle:before { content: "\e624"; }

.icon-flow-Full:before { content: "\e611"; }

.icon-flowBag-Full:before { content: "\e612"; }

.icon-flow:before { content: "\e613"; }

.icon-game:before { content: "\e65f"; }

.icon-tel:before { content: "\e605"; }

.icon-tel-Full:before { content: "\e614"; }

.icon-malfunction-Full:before { content: "\e627"; }

.icon-progress-Full:before { content: "\e632"; }

.icon-privilege:before { content: "\e61d"; }

.icon-china-Full:before { content: "\e626"; }

.icon-orderquery-Full:before { content: "\e635"; }

.icon-complaint:before { content: "\e628"; }

.icon-passwordReset-Full:before { content: "\e629"; }

.icon-userAmend:before { content: "\e62a"; }

.icon-constellation:before { content: "\e69f"; }

.icon-passwordAmend-Full:before { content: "\e62b"; }

.icon-telTransfer-Full:before { content: "\e62e"; }

.icon-malfunctionQuery-Full:before { content: "\e636"; }

.icon-message:before { content: "\e733"; }

.icon-chat-Full:before { content: "\e642"; }

.icon-caller-Full:before { content: "\e63b"; }

.icon-phoneSearch-Full:before { content: "\e63c"; }

.icon-billSet-Full:before { content: "\e63d"; }

.icon-month-Full:before { content: "\e63f"; }

.icon-year-Full:before { content: "\e640"; }

.icon-date-Full:before { content: "\e641"; }

.icon-flowOrientation-Full:before { content: "\e643"; }

.icon-simAuxiliary-Full:before { content: "\e644"; }

.icon-broadbandPay-Full:before { content: "\e645"; }

.icon-iptv-Full:before { content: "\e646"; }

.icon-letv-Full:before { content: "\e649"; }

.icon-yandan:before { content: "\e698"; }

.icon-integral:before { content: "\e64a"; }

.icon-integralPlus-Full:before { content: "\e64b"; }

.icon-integral-Full:before { content: "\e64c"; }

.icon-home-Full:before { content: "\e64f"; }

.icon-phone-Full:before { content: "\e64d"; }

.icon-bootUp-Full:before { content: "\e64e"; }

.icon-bestPay-Full:before { content: "\e650"; }

.icon-homeCloud:before { content: "\e651"; }

.icon-remoteControl-Full:before { content: "\e652"; }

.icon-gift:before { content: "\e657"; }

.icon-gift-Full:before { content: "\e658"; }

.icon-dx:before { content: "\e659"; }

.icon-food:before { content: "\e654"; }

.icon-iptvUpdate-Full:before { content: "\e653"; }



/* common  */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body{
	max-width: 640px;
	margin: auto;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: .7rem;
	line-height: 1.5;
}
footer{
	display: block;
	line-height: 1rem;
	font-size: .5rem;
	color: #999;
	text-align: center;
}
.bg-grey{
	background: #f7f7f7;
}
.bg-white{
	background: #fff;
}
.bg-theme{
	background: #6ec8f8;
}
.bg-theme-gradual{ 
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b3ecff,endColorStr=#56bff5); /*IE 6 7 8*/ 
    background: -ms-linear-gradient(top, #b3ecff, #56bff5);/* IE 10 */ 
    background: -moz-linear-gradient(top, #b3ecff, #56bff5);/*火狐*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#b3ecff), to(#56bff5));/*谷歌*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3ecff), to(#56bff5));/* Safari 4-5, Chrome 1-9*/ 
    background: -webkit-linear-gradient(top, #b3ecff, #56bff5);/*Safari5.1 Chrome 10+*/ 
    background: -o-linear-gradient(top, #b3ecff, #56bff5);/*Opera 11.10+*/
}
.bg-auxiliary{
	background: #ff954e;
}
.bg-yellow{
	background: #ffc513!important;
}
.bg-green{
	background: #81e770!important;
}
.bg-pink{
	background: #f989ea!important;
}
.bg-red{
	background: #d02e2e!important;
}
.bg-blue{
	background: #63a2f7!important;
}
.bg-purple{
	background: #cc9eff!important;
}

/************* 字体色值 *************/
.txt-222{
	color: #222!important;
}
.txt-666{
	color: #666!important;
}
.txt-888{
	color: #888!important;
}
.txt-999{
	color: #999!important;
}
.txt-theme{
	color: #27a6ea!important;
}
.txt-auxiliary{
	color: #ff954e!important;
}
.txt-white{
	color: #fff!important
}
.txt-red{
	color: red!important;
}
.txt-yellow{
	color: #ffc513!important;
}
.txt-green{
	color: #08b460!important;
}
.txt-pink{
	color: #ff4690!important;
}
.txt-cyan{
	color: #4dcbd4!important;
}


.star-active{
	color: #ff971b!important;
}
.icon-uncheck{
	color: #dfdfdf;
}
.link{
	text-decoration:underline;
}
/************* 字体大小 *************/
.txt-05{
	font-size: 0.5rem!important;
}
.txt-06{
	font-size: 0.6rem!important;
}
.txt-07{
	font-size: 0.7rem!important;
}
.txt-085{
	font-size: 0.85rem!important;
}
.txt-12{
	font-size: 1.2rem!important;
}
.txt-14{
	font-size: 1.4rem!important;
}
.txt-18{
	font-size: 1.8rem!important;
}
.txt-1rem-middle{
	font-size: 1rem!important;
    vertical-align: middle;
}
/************* 全局 *************/
.float-l{
	float:left;
}
.float-r{
	float:right;
}
.clear:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
}
.pull-down{
	position:relative;
}
.pull-down:after{
	content:" ";
	display: inline-block;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	height:8px;
	width:8px;
	border-width:5px 5px 0 0;
	border-color:#137ce9;
	border-style:solid;
	position:absolute;
	right:10%;
	bottom:39.8%;
}
.pull-down-show:after{
	content:" ";
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom:33.8%;
}
.pull-down-block {
	width:100%;
	overflow:hidden;
}
.hd-group {
	position:relative;
	display:block;
	overflow:hidden;
	max-width:600px;
	margin:0 auto;
}
.content-img {
	position:relative;
	display:block;
	overflow:hidden;
}
.content-img a,
.content-img img{
	float:left;
	width: 100%;
	outline: none;
}
.content-pad-bottom{
	padding-bottom: 5rem;
}


/************* nav *************/
.nav-float {
	position:fixed;
	bottom:.25rem;
	right:.25rem;
	z-index:999;
}

.nav-float .nav-float-gift {
	display:block;
	width:4.2rem;
	height:4.2rem;
	line-height:.9rem;
	box-sizing:border-box;
	padding:1.5rem 1.2rem .9rem 1.2rem;
	text-decoration:none;
	font-size:.8rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:url(https://m.sz189.cn/iptv/images/iptv_nav_float_gift.png) no-repeat;
	background-size:4.2rem 4.2rem;
	-webkit-background-size:4.2rem 4.2rem;
	-moz-background-size:4.2rem 4.2rem;
}


/************* 弹出窗 *************/

.modal-overlay,
.popup-overlay,
.preloader-indicator-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	z-index: 10600;
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.modal-overlay.modal-overlay-visible,
.popup-overlay.modal-overlay-visible,
.preloader-indicator-overlay.modal-overlay-visible {
	visibility: visible;
	opacity: 1
}

.popup-overlay {
	z-index: 10200
}

.modal{
	position: fixed;
	z-index: 11000;
	left: 0;
	right:0;
	top: 0;
	bottom: 0;
	width: 100%;
	height:100%;
	box-sizing: border-box;
	display:none;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(1.185);
	transform: translate3d(0, 0, 0) scale(1.185);
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-box-orient: vertical;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	text-align:center;
	
}

.modal.modal-in {
	display: -webkit-box;
	opacity: 1;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1)
}

.modal-block {
	width: 13.5rem;
	margin:0 auto;
	text-align: center;
	color: #3d4145;
}

.modal-block-wide{
	width: 88%;
	margin:0 6%;
	text-align: center;
	color: #3d4145;
}

.modal-inner {
	padding: 1rem .75rem;
	position: relative;
	border-radius: .35rem .35rem 0 0;
	background:#fff;
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.modal-inner:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.modal-inner:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.modal-icon {
	display: block;
	overflow: hidden;
	margin-bottom: .2rem;
	text-align: center;
}

.modal-title {
	line-height: 1rem;
	font-weight: 500;
	font-size: .9rem;
	text-align: center;
}

.modal-title+.modal-text {
	margin-top: .5rem;
	line-height: .6rem;
	font-size: .6rem;
}

.modal-logo {
	padding: .5rem;
	position: relative;
	border-radius: .35rem .35rem 0 0;
	background:#fff;
	text-align:center;
}

.modal-logo~.modal-inner {
	padding-top:0;
	border-radius: 0;
}

.modal-logo~.modal-inner .modal-title {
	margin-bottom: .5rem;
}

.modal-qrcode{
	width:80%;
	margin:.25rem 10%;
	overflow:hidden;
}

.modal-qrcode img{
	float:left;
	width:100%;
}

.modal-input {
	display: flex;
}

.modal-input~.modal-input {
	margin-top: .5rem;
}

.modal-both {
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
}

.modal-both~.modal-both {
	margin-left: .5rem;
}

.modal-text ul {
	list-style: decimal;
	line-height: 1rem;
	padding-left: .85rem;
	margin: 0;
	text-align: left;
}

.modal-text.modal-text-multi {
	line-height: 1rem;
	text-indent: 2em;
	text-align: left;
}

.modal-title+.modal-text-full {
	max-height: 15rem;
	overflow-y: scroll;
	line-height: 1rem;
	text-align: left;
	padding-top: .5rem;
	border-top: .05rem dashed #ccc;
}

.modal-title+.modal-text-full ul {
	padding-top: 0;
	text-indent: 0;
	border-top: 0;
}

.modal-no-button .modal-inner{
	border-bottom-left-radius: .35rem;
	border-bottom-right-radius: .35rem;
}

.modal-buttons {
	height: 2.55rem;
	overflow: hidden;
	padding: 0 .75rem .75rem .75rem;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	border-radius: 0 0 .35rem .35rem;
	background:#fff;
}

.modal-buttons .button {
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
}

.modal-buttons~.modal-inner {
	overflow: hidden;
	margin-top: -.35rem;
	padding: 0 .75rem .75rem .75rem;
	text-align: left;
	border-radius: 0 0 .35rem .35rem;
	background: #fff;
}

/************* 输入框&按钮 *************/

.input {
	display: block;
	width: 100%;
	height: 1.8rem;
	line-height: 1.8rem;
	padding: 0 .5rem;
	margin: 0;
	box-sizing: border-box;
	font-size: .7rem;
	color: #222;
	border: .05rem solid #ccc;
	border-radius: .25rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
}

.button {
	position: relative;
	display: block;
	height: 1.8rem;
	line-height: 1.75rem;
	padding: 0 .25rem;
	margin: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	font-family: inherit;
	font-size: .7rem;
	color: #27a6ea;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: 0 0;
	border: 1px solid #27a6ea;
	cursor: pointer;
}
input[type=button].button,
input[type=submit].button {
	width: 100%
}

.button:active {
	color: #0a8ddf;
	border-color: #0a8ddf
}

.button.button-round {
	border-radius: 1.25rem
}

.button.active,
.button.active:active {
	color: #0a8ddf;
	border-color: #0a8ddf
}
.button~.button{
	margin-left:.5rem;
}

.button.button-small {
	font-size: .6rem;
	height: 1.4rem;
	line-height: 1.35rem
}

.button.button-big {
	font-size: .85rem;
	height: 2.4rem;
	line-height: 2.35rem
}

.button.button-fill {
	color: #fff;
	background:#f1cf67;
}

.button.button-fill.active,
.button.button-fill:active {
	background: #6ec8f8;
	border-color: #4fbbf4;
}

.button.button-fill.button-big {
	line-height: 2.4rem
}

.button .button-link {
	padding-top: .3rem;
	padding-bottom: .3rem;
	color: #0894ec;
	background-color: transparent;
	border: 0
}

.button i.icon:first-child {
	margin-right: .5rem
}

.button i.icon:last-child {
	margin-left: .5rem
}

.button i.icon:first-child:last-child {
	margin-left: 0;
	margin-right: 0
}

.button-light {
	border-color: #dfdfdf;
	color: #333
}

.button-light:active {
	border-color: #0a8ddf;
	color: #0a8ddf
}

.button-light.button-fill {
	color: #fff;
	background-color: #ccc
}

.button-light.button-fill:active {
	background-color: #0a8ddf
}

.button-dark {
	border-color: #6e727b;
	color: #6e727b;
	color: #5f646e
}

.button-dark:active {
	border-color: #0a8ddf;
	color: #0a8ddf
}

.button-dark.button-fill {
	color: #fff;
	background-color: #6e727b
}

.button-dark.button-fill:active {
	background-color: #0a8ddf
}

.button-success {
	border-color: #4cd964;
	color: #4cd964
}

.button-success:active {
	border-color: #2ac845;
	color: #2ac845
}

.button-success.button-fill {
	color: #fff;
	background-color: #4cd964
}

.button-success.button-fill:active {
	background-color: #2ac845
}

.button-danger {
	border-color: #f6383a;
	color: #f6383a
}

.button-danger:active {
	border-color: #f00b0d;
	color: #f00b0d
}

.button-danger.button-fill {
	color: #fff;
	background-color: #f6383a
}

.button-danger.button-fill:active {
	background-color: #f00b0d
}

.button-warning {
	border-color: #f60;
	color: #f60
}

.button-warning:active {
	border-color: #cc5200;
	color: #cc5200
}

.button-warning.button-fill {
	color: #fff;
	background-color: #f60
}

.button-warning.button-fill:active {
	background-color: #cc5200
}

.button.button-danger.disabled,
.button.button-primary.disabled,
.button.button-success.disabled,
.button.button-warning.disabled,
.button.disabled {
	border-color: #c8c9cb;
	color: #c8c9cb;
	cursor: not-allowed
}

.button.button-danger.disabled:active,
.button.button-primary.disabled:active,
.button.button-success.disabled:active,
.button.button-warning.disabled:active,
.button.disabled:active {
	border-color: #c8c9cb;
	color: #c8c9cb
}

.button.button-danger.disabled.button-fill,
.button.button-primary.disabled.button-fill,
.button.button-success.disabled.button-fill,
.button.button-warning.disabled.button-fill,
.button.disabled.button-fill {
	color: #fff;
	background-color: #c8c9cb
}

.button.button-danger.disabled.button-fill:active,
.button.button-primary.disabled.button-fill:active,
.button.button-success.disabled.button-fill:active,
.button.button-warning.disabled.button-fill:active,
.button.disabled.button-fill:active {
	background-color: #c8c9cb
}

.buttons-row,
.buttons-tab {
	-webkit-align-self: center;
	align-self: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: single;
	-moz-box-lines: single;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.buttons-row .button {
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
}

.buttons-tab {
	background: #fff;
	position: relative
}

.buttons-tab:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #f5f5f5;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.buttons-tab .button {
	color: #5f646e;
	font-size: .8rem;
	width: 100%;
	height: auto;
	line-height: 1.4rem;
	overflow: hidden;
	padding: .35rem 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0
}

.buttons-tab .button:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #f5f5f5;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.buttons-tab .button.active {
	color: #0894ec;
	border-color: #0894ec;
	z-index: 100
}

.buttons-fixed {
	position: fixed;
	z-index: 99;
	width: 100%
}

.buttons-tab .button .icon {
	display: block;
	height: 1.2rem;
	line-height: 1.2rem;
	margin-top: .15rem;
}

.buttons-tab .button .label {
	display: block;
	line-height: .7rem;
	font-size: .6rem;
}


.product_bottom {
    background-color: #FFF;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 2px solid #dedede;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.product_bottom .buy_left {
    float: left;
    width: 45%;
    margin-left: 3%;
}
.product_bottom .buy {
    float: right;
    width: 45%;
    margin-right: 3%;
}
.btn, a.btn {
    display: block;
    text-align: center;
    background: #bc121b;
    color: #fff;
    font-family: "Microsoft YaHei UI";
    text-decoration: none;
    border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
}
a.btn_red {
    height: 40px;
    line-height: 40px;
    color: #FFF;
    border: 0;
    background-color: #bc121b;
}
.position-bot {
    width: 100%;
    position: fixed!important;
    left: 0!important;
    bottom: 2%!important;
    z-index: 9999;
}
/************* weidx红色系 *************/
.weidx-red .button {
	color: #d30c16;
	border: 1px solid #bc121b;
}
.weidx-red .button.button-fill {
	color: #fff;
	background:#d30c16;
}

.weidx-red .button.button-fill.active,
.weidx-red .button.button-fill:active {
	background: #d30c16;
	border-color: #bc121b;
}
.weidx-red .list-block .item-media-circle {
	color: #d30c16;
}
.weidx-red .txt-theme {
	color: #d30c16!important;
}
.weidx-red .bor-circle.txt-theme,
.weidx-red .button-query.txt-theme{
	border-color: #bc121b!important;
}



/************* weidx橙色系 *************/
.weidx-orange .button {
	color: #f8ce4e;
	border: 1px solid #0086ca;
}
.weidx-orange .button.button-fill {
	color: #fff;
	background:#0086ca;
}

.weidx-orange .button.button-fill.active,
.weidx-orange .button.button-fill:active {
	background: #0086ca;
	border-color: #0086ca;
}
.weidx-orange .list-block .item-media-circle {
	color: #f7ce50;
}
.weidx-orange .txt-theme {
	color: #f7ce50!important;
}
.weidx-orange .bor-circle.txt-theme,
.weidx-orange .button-query.txt-theme{
	border-color: #0086ca!important;
}


.page, .page-group {
	max-width: 640px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    display: none;
    overflow: hidden;
}
.page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffe2ab;
    z-index: 2000;
}
.page-group.page-current, .page.page-current {
    overflow: hidden;
}
.page-group.page-current, .page-group.page-from-center-to-left, .page-group.page-from-center-to-right, .page-group.page-from-left-to-center, .page-group.page-from-right-to-center, .page-group.page-visible, .page.page-current, .page.page-from-center-to-left, .page.page-from-center-to-right, .page.page-from-left-to-center, .page.page-from-right-to-center, .page.page-visible {
    display: block;
}
.page-group {
    display: block;
}
.content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.bar {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 16;
	height: 2.2rem;
	padding-right: .5rem;
	padding-left: .5rem;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.bar-tab {
	bottom: 0;
	height: 3.8rem;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: single;
	-moz-box-lines: single;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.bar-tab:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.bar-tab:before {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.bar-tab:before {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.bar-tab:after {
	display: none
}

.bar-tab .tab-item {
	position: relative;
	display: table-cell;
	width: 30%;
    margin-left: 2.5%;
	height: 3.6rem;
	font-size: .85rem;
	color: #929292;
	text-align: center;
	vertical-align: middle;
	border-radius: .5rem;
    background: #fff;
}

.bar-tab .tab-item.active,
.bar-tab .tab-item:active {
	color: #0894ec
}

.bar-tab .tab-item .badge {
	position: absolute;
	top: .1rem;
	left: 50%;
	z-index: 100;
	height: .8rem;
	min-width: .8rem;
	padding: 0 .2rem;
	font-size: .6rem;
	line-height: .8rem;
	color: #fff;
	vertical-align: top;
	background: red;
	border-radius: .5rem;
	margin-left: .1rem
}

.bar-tab .tab-item .icon {
	top: .25rem;
	height: 1.5rem;
	font-size: 1.2rem;
	line-height: 2.2rem;
	padding-top: 0;
	padding-bottom: 0
}

.bar-tab .tab-item .icon~.tab-label {
	display: block;
	font-size: .7rem;
	position: relative;
}
a {
    color: #3d4145;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
.row.no-gutter {
    margin-left: 0;
}
.row.no-gutter .col-50 {
    width: 50%;
    margin: 0;
}
.row [class*=col-], .row [class*=tablet-] {
    box-sizing: border-box;
    float: left;
}