@charset "utf-8";
/*reset*/  /*按钮，连接 大框架公共样式*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr,  address,  cite, code,
del,  em, img,  small,  strong, sub, sup,   b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border:0;
    font-size:100%; font:inherit; outline: none;
    box-sizing:border-box;
    -webkit-user-select:none;

}
body, p, input, div, h1, h2, h3, h4, h5, ul, li, ol, dl, dt, dd, form, button {
    list-style: none;
    vertical-align: middle;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-appearance:none;
    font-size:1.4rem;
    outline:none;

}
fieldset, img, input, button, select, textarea {
    border: 0;
    background: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
html{font-size:62.5%;  height:100%;}
body {
    -webkit-text-size-adjust: none;
    font-family: "microsoft yahei",Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;
    font-size:1.5rem;
    height:100%;

}

h1{font-size:1.6rem;}
h2{font-size:1.8rem;}
h3{font-size:1.5rem;}
h4{font-size:1.4rem;}
h5,h6{font-size:1.2rem;}
p{font-size:1.4rem;}
img{font-size:0;}
i{font-style: normal;}

/*@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
    html{font-size: 70%;}
}
/!* iphone6 plus *!/
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
    html{font-size:75%;}
}*/

input, textarea, button {
    font-family: "microsoft yahei", helvetica
}
a, img,button{
    -webkit-touch-callout: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255,0,0,0);

}
img {
    background-size: contain;
}
em {
    font-style: normal;
}
/*清除浮动 */
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both
}
.cf {
    zoom: 1
}
*:focus {
    -moz-outline-style: none;
    outline: none
}



a {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    color: #00a5e0;
    text-decoration: none;
}
a:hover {
    color: #459dff
}

@font-face {font-family: "iconfont";
  src: url(../../midash5/css/font/iconfont.9347383c.eot?max_age=31104000); /* IE9*/
  src: url(../../midash5/css/font/iconfont.9347383c.eot?max_age=31104000?#iefix) format('embedded-opentype'), 
  url(../../midash5/images/iconfont.f2794a47.svg?max_age=31104000#iconfont) format('svg'),
  url(../../midash5/css/font/iconfont.81ae720c.woff?max_age=31104000) format('woff'), 
  url(../../midash5/css/font/iconfont.c74fd7c7.ttf?max_age=31104000) format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-unfold:before { content: "\E600"; }
.icon-fold:before { content: "\E601"; }
.icon-arrow:before { content: "\E602"; }
.icon-right:before { content: "\E604"; }
.icon-search:before { content: "\E605"; }
.icon-warn:before { content: "\E606"; }
.icon-warnp:before { content: "\E607"; }
.icon-wrongfill:before { content: "\E608"; }
.icon-back:before { content: "\E609"; }
.icon-close:before { content: "\E60A"; }
.icon-add:before { content: "\E60B"; }
.icon-reduct:before { content: "\E60C"; }
.icon-questionfill:before { content: "\E60D"; }
.icon-ar-right:before { content: "\E60E"; }
.icon-round:before { content: "\E60F"; }
.icon-roundcheck:before { content: "\E610"; }
.icon-roundcheckfill:before { content: "\E611"; }
.icon-roundclose:before { content: "\E612"; }
.icon-roundright:before { content: "\E613"; }
.icon-roundrightfill:before { content: "\E614"; }
.icon-selected:before { content: "\E615"; }
.icon-tagcheck:before { content: "\E616"; }
.icon-friend:before { content: "\E603"; }
.icon-arrowleft:before { content: "\E617"; }
.icon-iconfontjtleft:before { content: "\E618"; }
.icon-fanhui202:before { content: "\E619"; }

.fr{float:right;}
.tx-r{text-align: right;}
.f-price{font-size: 1.8rem;padding-left:5px;}
.f-thin,del{color:#8e8e8e;}

.fz-xl{font-size: 1.8rem}
.fz-l{font-size: 1.6rem}
.fz-m{font-size: 1.4rem}
.fz-s{font-size: 1.2rem}
.center{text-align: center;}
.mask{background:rgba(0,0,0,0.5); height:100%;width:100%; position: absolute; top:0; left:0; z-index: 50;}

.shadebg {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 4000;
left: 0;
top: 0
}
em{color:#ff7700; }
.flex{ display:-webkit-box;display:-webkit-flex;display:flex;}
.flex-between,.game-area,.price-bar{ display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content: space-between; -webkit-box-pack:justify;}
.icon-adit{color:#eee;}
.icon-right{color: #4c5057;}
.icon-arrow{ font-size:24px; color:#ccc }
.tag{font-size: 12px;color: #fff; padding:0 2px; background:#ff7200; border-radius: 3px; margin:0 2px; line-height: 14px;}
.mark{font-size:12px; color:#ff7200;  border-radius: 3px; margin:0 5px; padding:0 4px;border:1px solid #ff7200;}
.icon-tipwarn {
background-image: url(../../midash5/images/icon-tipwarn.4ec6945e.png?max_age=31104000);
}
.icon-load, .icon-tipwarn {
background-position: 0 0;
background-repeat: no-repeat;
width: 24px;
height: 16px;
display: inline-block;
vertical-align: middle
}
.icon-load {
background-image: url(../../midash5/images/icon-load.e03f70ae.png?max_age=31104000);
-webkit-animation: rotate 0.5s linear infinite;
-webkit-transform-origin: 12px 10px;
width: 24px;
height: 20px;
vertical-align: middle;
display: inline-block;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(180deg)
}
}

.icon-qqcard,.icon-qq,.icon-bank,.icon-cft,.icon-qqwallet,.icon-qdqb,.icon-wsjpay,.icon-jq,.icon-wechat,.icon-hfpay,.qqwallet{width:25px; height: 26px;display:inline-block;}
.icon-qqcard{background-position:0 -102px; background-size:25px auto;  }
.icon-qq,.qqwallet,.icon-bank,.icon-cft,.icon-qqwallet{background-position:0 -206px; background-size:25px auto;  }
/*.icon-bank{background-position:0 -51px; background-size:25px auto;  }
.icon-cft{background-position:0 1px; background-size:25px auto;  }*/
.icon-qdqb{background-position:0 -180px; background-size:25px auto;  }
.icon-jq{background-position:0 -235px; background-size:25px auto;  }
.icon-wechat{background-position:0 -128px; background-size:25px auto;  }
.icon-wsjpay{background-position:0 -155px; background-size:25px auto;  }
.icon-hfpay{
	width: 25px;
    height: 26px;
    background-size: 25px auto;
}
.checkbox .icon-right:before{content: "\E60F"; color: #ccc;}


@charset "utf-8";
.label-input {
	border: 1px solid #dedede;
	border-radius: 3px;
	color: #808080;
	display: inline-block;
}
.input-text-min {
	width: 40px;
	border: none;
	color: #808080;
}
.input-text-mid {
	width: 140px;
	border: none;
	color: #808080;
	padding-left: 5px;
	vertical-align: middle;
	line-height: 22px;
}
.btn-s{width:30%;}
.btn-m{width:50%;}
.btn-l{width:70%;}
.btn-wrap {
margin-top:15px;
}
.two-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content: space-between; -webkit-box-pack:justify;}
.btn-wrap button{
	width: 100%;
	margin-bottom: 10px;
}
/*.two-btn button{width:48%;
display: inline-block; float:left;}
.two-btn button:last-child{float:right;}*/
.two-btn button{width:48%;
-webkit-flex: 1;
    -ms-flex: 1;
        flex: 1;
-webkit-box-flex: 1; display: block; margin-right: 10px;}
.two-btn button:last-child{margin-right:0;}


.field{height: 42px; border:thin #dedede solid;display:block; width:100%; border-radius: 5px;}
.field input{ line-height: 42px; padding:0 10px; width:90%;}
.field .label-hide{
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.btn{
height: 42px;
text-align: center;
font-size: 15px;
width: 100%;
border-radius: 5px;
border: none;
}

.btn-thin, .btn-dis {
height: 42px;
text-align: center;
font-size: 15px;
width: 100%;
border-radius: 5px;
border: none;
	background-color: #f2f2f2;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fafafa));
	border: 1px solid #dedede;
	color: #666;
display:inline-block;

}
.btn-thin{color: rgba(0, 165, 224, 0.73);}

.btn-primary {
height: 42px;
/*line-height: 42px;*/
border-radius: 5px;
text-align: center;
font-size: 15px;
	background-color: #0e9de7;
display:inline-block;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#11a3ee), to(#0d9be5));
	color: #fff;
}
.btn-orange {
height: 42px;
border-radius: 5px;
text-align: center;
font-size: 15px;
	background-color: #ff7200;
display:inline-block;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff7100), to(#ff7200));
	color: #fff;
}
.btn-orange:active {
	background: #FF9000;
	color: rgba(255,255,255,0.5);
}
.btn-em{}

.btn-primary:active {
	background: #1fbaf3;
	color: rgba(255,255,255,0.5);
}
.btn-thin:active{
color: rgba(0, 165, 224, 0.53);
background: #f2f2f2;
}
.btn-dis {
	background: #e9ebec;
	color: #ccc;
	border: none;
}


/* */
.control-group {
	margin-bottom: 15px;
	position: relative;
	font-size: 15px;
background: #fff;
text-align: left;


}
.field-divice .tit{font-size:14px; margin-bottom:10px;}
.control-group:before, .control-group:after {
	display: table;
	content: "";
}
.control-group:after {
	clear: both;
}
.control-label {
	float: left;
	/* width:90px; */
	width: 7em;
	text-align: left;
	color: #000;
	padding: 0px 0 0px 15px;
}
.detail-title{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size:16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.controls {
	font-size: 0;
/*	margin-left: 125px;*/
	margin-right: 32px;

}
.controls input {
	width: 100%;
	font-size: 14px;
	height: 28px;
	line-height: normal;
	outline: medium none;
	vertical-align: top;
	color: #000;
	margin: 5px 0;
}
.control-group .detail-title {
height:40px;
line-height: 40px;
text-align: left;
}
.controls .detail-title h3 {
	font-size: 16px;
	font-weight: 200;
}
.controls .detail-title p {
	color: #808080;
	font-size: 14px;
	line-height: 24px;
}
.turn-right {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top:-18px;
}
.control-group .turn-right {
	position: absolute;
	right:10px;
	line-height: 30px;
height:30px;
display: block;
min-width:30px;
top: 50%;
text-align:right;
margin-top: -15px;
}

.control-group .turn-right i {
font-size: 22px;
line-height: 30px;
display: block;
height:30px;
color: #999;

}
.control-group .turn-right:active i{color: #000;}

.control-group .turn-right .icon-wrongfill {
font-size: 18px;
color: #b7b7b7;
}
.field-divice .control-group{border:thin #dedede solid; border-radius: 8px; min-height: 40px;}
.field-divice .control-label{padding-left:10px;font-size:14px;height:40px; line-height: 40px;}
.field-divice .focus{border:thin #55befc solid;}
.tips_hint{padding-bottom:5px;}
.discount{
	margin-bottom: 10px;
}
.discount .discount-tag, .discount .discount-txt{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 0;
} 
.discount .discount-tag{
	position: relative;
	margin-right: 5px;
	padding: 1px 6px 1px 5px;
	font-size: 10px;
	border-radius: 2px;
	color: #fff;
	background: #ff7529;
}
.discount .discount-tag:after{
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: -3px;
	content: '';
	width: 6px;
	height: 6px;
	background-color: #ff7529;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.discount .discount-txt{
	line-height: 16px;
	font-size: 12px;
	color: #888;
}
.checkout {
	margin: 5px 15px 10px;
	font-size: 16px;
}
.field-divice .checkout {
	margin: 10px 15px;
}
.field-divice .checkout .tx-thin {
	font-size: 14px;
}
.field-divice .controls {
	margin:0 0 0 5px;
display: inline-block;
width:60%;
}
.yzm .controls {
	float: left;
	margin-left: 15px
}
.yzm .get-yzm {
	border-left: thin solid #ccc;
	float: right;
	padding: 14px;
	padding-top: 15px;
}

.field-group {
	border-top: thin solid #dedede;
	border-bottom: thin solid #dedede;
	margin-bottom: 20px;
	background: #fff;
}
.field-group .control-group {
	border-bottom: thin solid #dedede;
	margin-bottom: 0
}
.field-group .control-group:last-child {
	border-bottom: none;
}


/*====confirm===========*/
.confirm-cont p {
	color: #666666;
}
.confirm {
	text-align: center;
}
.icon-confirm {
font-size:64px;
}
.success .icon-confirm:before  {
content: "\E604";
color: #64c800;
}
.error .icon-confirm:before  {
content: "\E608";
color: #ff453a;
}
.warn .icon-confirm:before  {
content: "\E606";
color: #ff6600;
}
.waiting .icon-confirm:before  {
content: "\2026";
line-height: 50px;
background: #00ace8;
font-family: "Helvetica Neue";
color: #fff;
font-size:30px;
width:50px;
height:50px;
border-radius: 50px;
display:inline-block;

}
.confirm h4 {
    margin-bottom: 6px;
	font-size: 18px;
	font-weight: 400;
}
.confirm p {
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.confirm .memo{ margin-top:30px;}
.confirm-cont {
	margin: 16px 0 0 0;
	display: block;
	text-align: center;
}

.error .confirm-cont h4 {
	color: #ff453a;
}
.warn .confirm-cont h4, .normal .confirm-cont h4 {
	color: #ff6600;
}

.confirm-add {
	border-top: thin dashed #c8c8c8;
	margin: 0 15px;
	color: #808080;
	padding: 5px 0px;
	min-height: 70px;
}
.section-loadding {
	position: absolute;
	top: 40%;
	width: 100%;
}
.section-loadding .section-confirm .warn-tips p {
	padding: 0;
	margin: 0;
}
.section-confirm .icon-load2 {
	vertical-align: top;
	text-align: center;
}
.section-confirm .warn-tips {
	padding: 10px 10px 5px 5px;
	background: none;
}
.section-confirm .warn-tips p {
	margin: 2px 0 0 30px;
	color: #555;
}

.warn-tips {
	background: rgba(0,0,0,0.7);
	border-radius: 5px;
	display: inline-block;
	margin: 20px 0;
	padding: 10px 10px 10px 5px;
	line-height: 18px;
	position: fixed;
    z-index: 5000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	white-space: nowrap;
}
.warn-tips p {
	color: #fff;
	font-size: 12px;
	display: inline-block;
}

.field-divice .qq-name {
	line-height: 43px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 42px;
	color: #808080;
	font-size: 14px;
	width: 120px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	text-align: right;
}

/* 	结果页优化
	emmajtchen
	2016.9.2
*/
.brief-section {
	margin: 60px 0;
}
.brief-section.no-border {
	margin: 20px 0;
	border-top: 0;
	padding-top: 0;
}
.brief-section .brief-tips {
	color: #b3b3b3;
	font-size: 12px;
	padding: 0 16px;
}
.brief-tips a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


/*
	结果页优化
	v_pastorliu
	2016.9.13
 */

.memo.stengthen{
	margin-top: 15px;
	position: relative;
}
.memo.stengthen em{
	font-weight: 600;
}

.memo.stengthen .text{
	display: inline-block;
	background-color: #fff;
	padding: 0 10px;
}

.memo.stengthen::before{
	content:"";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform:translateY(-50%);
	        transform:translateY(-50%);
 	vertical-align: middle;
	height: 1px;
	background-color: #e2e2e2;
 }

 .sale-activity{
 	width: 100%;
 	margin-top: 10px;
 	vertical-align: middle;
 }

.adsB{
	margin-top:60px;
}

/*加载样式*/
.full-body {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 100%;
}

/*Tap*/
.ui-nav-tap {
    position: relative;
    border-bottom: thin solid #000;
    margin-bottom: 15px;
    background: #000;
    width: 100%;
}

.ui-nav-tap ul {
    height: 4.4rem;
    line-height: 4.4rem;
    width: 60rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.ui-nav-tap li {
    text-align: center;
    background: #1a1b1d;
    color: #808080;
    font-size: 1.4rem;
    overflow: hidden;
    -webkit-flex: 1;
    flex: 1;
}

.ui-nav-tap li span {
    padding: 0 10px;
    display: block;
}

.ui-nav-tap li.current {
    color: #fff;
    box-sizing: border-box;
    font-size: 1.6rem
}

.add-tap:before {
    width: 8rem;
    height: 4.4rem;
    background-image: -webkit-linear-gradient(180deg, #000, transparent);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.add-tap:after {
    width: 8rem;
    height: 4.4rem;
    background-image: -webkit-linear-gradient(360deg, #000, transparent);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

/*radio Tap*/
.controls-option-tap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-align-items: center;
    -webkit-flex-pack: center;
    -webkit-box-align: center;
}

.controls-option-tap li {
    flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    border: 1px solid #dedede;
    position: relative;
    margin: -1px 0 0 -1px;
    background: #fff;
    min-height: 60px;
    width: 100%;
    display: block;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;

}

.controls-option-tap li:active {
    background: #f2f2f2;
}

.controls-option-tap .label {
    padding: 10px 2px 8px 2px;
    display: block;
    font-size: 16px;
}

.controls-option-tap .label .label-main {
    padding: 0;
    font-size: 16px;
    color: #000;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.controls-option-tap sup {
    top: 5px;
    right: 5px;
}

.controls-option-tap .label span {
    display: block;
    font-size: 12px;
    color: #999;
    padding-top: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.controls-option-tap input {
    line-height: 24px;
    height: 24px;
    font-size: 16px;
    display: none;
    text-align: center;
    width: 80%;
    margin-top: 10px;
}

.controls-option-tap li:last-child.current .label {
    display: none
}

.controls-option-tap li:last-child.current input {
    display: block;
}

.controls-option-tap li:first-child {
    border-radius: 8px 0 0 8px;
}

.controls-option-tap li:last-child {
    border-radius: 0 8px 8px 0;
}

.controls-option-tap .current {
    background: #d0edfe;
    border: thin solid #55befc;
    z-index: 1;
}

.controls-option-tap li .other {
    font-size: 16px;
}

.tap-box {
    text-align: center;
    padding: 5px;
    position: relative;
}

.divice li {
    margin-right: 10px;
    margin-left: 0;
}

.divice li:first-child {
    border-radius: 8px 8px 8px 8px;
}

.divice li:last-child {
    border-radius: 8px 8px 8px 8px;
}

.divice li:last-child {
    margin-right: 0;
}

.tap-box h3 {
    display: block;
    position: relative;
    margin-top: 5px;
    font-size: 14px;
}

.tap-box p {
    color: #999;
}

sup {
    position: absolute;
    top: -10px;
    right: -10px;
}

.p-logo {
    width: 50px;
    height: 45px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.p-logo sup {
    position: absolute;
    top: 5px;
    right: -30px;
}

.ui-fn-select dl {
    position: relative;
    padding-top: 15px;
}

.ui-fn-select dl:last-child {
    margin-bottom: 0;
}

.ui-fn-select dt {
    position: absolute;
    left: 0;
    line-height: 3.2rem;
    color: #888;
}

.ui-fn-select dd {
    margin-left: 60px;
}

/*数量+-*/
.ui-duration {
    position: relative;
    border: 1px solid #dedede;
    height: 3.8rem;
    background: #fff;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
}

.ui-duration a {
    display: inline-block;
    background: #fff;
    text-align: center;
    height: 3.6rem;
    width: 3.6rem;
    color: #cbcbcb;
    z-index: 3;
    border-radius: 5px;
    box-sizing: border-box;
    position: absolute;
}

.ui-duration a .iconfont {
    margin-right: 0;
    line-height: 3.6rem;
    display: block;
    font-size: 1.4rem;
}

.ui-duration button:first-child, .ui-duration a:first-child {
    top: 0px;
    left: 0px;
    border-right: 1px solid #dedede;
}

.ui-duration button:last-child, .ui-duration a:last-child {
    top: 0px;
    right: 0px;
    border-left: 1px solid #dedede;
}

.ui-duration button:active, .ui-duration a:active {
    background: #fff
}

.ui-duration a.dis {
    color: #bbb;
    background: #f7f7f7;
}

.dur-ipt {
    margin: 0 4.2rem;
    display: block;

}

.dur-ipt .focus {
    border-color: #04be02
}

.ui-duration input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #333;
    padding: 0;
    display: block;
    height: 4rem;
    width: 100%;
    font-size: 16px;
}

/*列表*/
.mod-list {
    background: #fff;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    position: relative;
}

.mod-list .icon-arrow {
    position: absolute;
    right: 10px;
    top: 0;

}

.mod-list h2 {
    background: #f0f0f6;
    color: #808080;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding-left: 15px;
    position: relative;
    display: block;
}

.mod-list h3 {
    display: inline-block;
    position: relative;
}

.mod-list h3 sup {
    position: absolute;
    top: 2px;
    right: -20px;
    background: #ff0505;
    color: #fff;
    border-radius: 5px;
    height: 16px;
    padding: 0 2px;
    font-size: 12px;
    display: block;
    line-height: 14px;
}

.mod-list ul {
    border-top: 1px solid #dedede;
}

.mod-list li:active {
    background: #e7e7ec;
    z-index: 3;
}

.mod-list-con {
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    position: relative;

}

.mod-list li {
    margin-top: -1px;
}

.mod-list li:last-child .mod-list-con {
    border-bottom: none;
}

.mod-list .detail-group {
    display: inline-block;
}

.mod-list .detail-memo {
    position: absolute;
    right: 35px;
    color: #999;
    font-size: 14px;
    top: 0;
}

.mod-list li:last-child .detail-group {
    border-bottom: none;
}

.detail-logo {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.detail-group p {
    color: #999;
    font-size: 12px;
}

.box-indent li {
    padding-left: 15px;
}

/*提示窗口*/
.float-body {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.float-body .body-container {
    width: 100%;
    max-height: 100%;
    min-height: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.full-body .body-container {
    width: 100%;
    /* height: 100%; */
    min-height: 100%;
    background: #fff;
}

.float-body .container-wrap, .float-tips {
    margin: 0 auto;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
    width: 90%;
    box-sizing: border-box;
    z-index: 100;
    /*border-radius: 15px;*/
    border-radius: 6px;
}

.float-tips {
    padding: 10px;
    background: #fff;
    z-index: 5000;
    position: fixed;
    top: 50%;
    left: 5%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.full-body .container {
    background: #fff;
    padding: 0 10px;
    height: inherit;
}

.float-body .container {
    background: #fff;
    padding: 10px;
    border-radius: 6px;
}

.full-body .channel, .full-body .friend, .full-body .bg-gray {
    background: #efeff4;
    padding: 0;
}

.float-body .channel, .float-body .friend, .float-body .bg-gray {
    background: #efeff4;
    padding: 10px 0 30px 0;
}

.float-body h1 {
    text-align: center;
    padding-top: 0;
}

.float-tips h3 {
    text-align: center;
    font-weight: bold;
}

.topbar {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    top: 0;
    font-size: 16px;
    left: 0;
    display: block;
    text-align: center;
    background: #fff;

}

.topbar .back {
    position: absolute;
    line-height: 50px;
    left: 0px;
    font-size: 16px;
    top: 0;
    min-width: 35px;
    text-align: left;
}

.topbar .icon-back {
    font-size: 24px;
    color: #919191
}

.bg-gray .topbar .back {
    left: 10px;
}

.float-warp h1 i, .float-body h1 i {
    width: 24px;
    height: 50px;
    display: inline-block;
    vertical-align: -5px;
    margin-right: 5px;
}

.full-body h1 i {
    width: 24px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    vertical-align: -5px;
    margin-right: 5px;
}

.float-body .topbar {
    margin-top: -10px;
    background: #fff;
    border-radius: 15px 15px 0 0;
}

.float-cont .row {
    margin-bottom: 15px;
}

.float-cont .row:last-child {
    margin: 0;
}

.float-tips small {
    margin-top: 10px;
    font-size: 12px;
    display: block
}

/*.full-body a.close {*/
    /*display: none*/
/*}*/

a.close {
    position: absolute;
    left: 10px;
/ / right: 10 px;
    font-size: 30px;
    top: 50%;
    margin-top: -8px;
    font-weight: 400;
    color: #666;
/ / right: 5 px;
    line-height: 16px;
    font-weight: 100;
}

.bg-gray a.close {
    right: 15px;
}

a.close:active {
    color: #999;
}

.list-bar {
    background: #fff;
    border: 0;
    border-bottom: thin #d1d1d1 solid;
    border-top: thin #e8e8e8 solid;
    position: relative;
    line-height: 45px;
    padding: 0 15px;
}

.checkbox {
    text-align: right;
    color: #666;
    display: block;
    min-width: 100px;
    position: relative;
}

.checkbox .icon-right {
    color: #ccc;
    position: relative;
}

.selected .icon-right {
    color: #11a3ee;
}

.selected .icon-right:before {
    color: #11a3ee;
    content: "\E611";
}

.tips-box {
    background: #fff;
}

.tips-box .wording, .float-tips p {
    text-align: center;
    padding: 10px 20px;
    color: #666;
}

.tips-box a.close, .float-tips a.close {
    top: 20px;
    right: 10px;
}

.tips-box h1 {
    padding-top: 10px;
}

.tips-box-btm {
    margin-top: 20px;
    padding: 0 10px;
}

.tips-box-btm p {
    padding: 10px;
}

.controls-option {
    margin-right: -5px;
    margin-bottom: 15px;
}

.controls-option label, .controls-option .other-label {
    width: 33.3%;
    float: left;
    margin-bottom: 5px;
}

.controls-option label span {
    font-size: 14px;
    border: 1px solid #d6d6d6;
    background-color: #fcfcfc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5));
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    color: #333;
    overflow: hidden;
    width: 92%;
    margin-right: 8%;
    border-radius: 5px;
}

.controls-option label span:active {
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#ececec));
}

.controls-option .current span {
    background: #d0edfe;
    border: 1px solid #55befc;
    box-shadow: none;
}

.controls-option p {
    padding-bottom: 10px;
    font-size: 12px;
}

/*===========好友列表==========================*/
.friend h3 {
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding-left: 35px;
    position: relative;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.friend h3:before {
    height: 0px;
    left: 15px;
    top: 14px;
    border-left: 6px solid #b3b3b3;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    display: block;
    content: '';
    position: absolute;
}

.friend .open h3:before {
    height: 0px;
    left: 15px;
    top: 17px;
    border-top: 6px solid #b3b3b3;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: block;
    content: '';
    position: absolute;
}

.friend li .friend-list {
    border-top: 1px solid #e8e8e8;
    display: none;
}

.friend li.open .friend-list {
    border-top: 1px solid #e8e8e8;
    display: block;
}

.friend .controls {
    width: 90%;
    margin-left: 15px;
}

.friend-searchlist-wrapper .friend-list li {
    padding-left: 15px;
    margin-left: 0px;
}

.friend-list li {
    padding-left: 65px;
    margin-left: 15px;
    display: block;
}

.self .detail-logo, .friend-list .detail-logo {
    position: absolute;
    left: 0;
    margin: 7px 10px 0 15px;
}

.self {
    padding-left: 15px;
    margin-left: 0px;
}

.self .detail-logo img,
.friend-list .detail-logo img {
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
}

.self .detail-title, .friend-list .detail-title {
    height: 30px;
    width: 100%;
}

.self .detail-title h4, .friend-list .detail-title h4 {
    font-weight: 400;
    font-size: 15px;
    margin-top: 2px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.friend-list .qqnum {
    color: #808080;
    margin-right: 20px;
    font-weight: 400;
}

.top-tips .top-tips-cont {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin: 0 20px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0 0px 5px 5px;
    padding: 10px 10px 10px 5px;
}

.friend .mod-list li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.mod-list .self {
    padding-left: 65px;
}

.friend-list li:last-child {
    border-bottom: none;
}

.friend-list .detail-logo img {
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
}

.friend .mod-list .detail-group {
    width: 100%;
    padding: 15px 0 10px;
    font-size: 14px;
}

/*.friend  .friend-list .detail-group {
    padding: 15px 0 10px;
    font-size: 14px;
}*/
.friend .mod-list {
    border: 0;
}

.friend .field-divice .control-group {
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.friend .mod-list li:active {
    background: none;
    z-index: 3;
}

.friend h3:active {
    background: #e8e8e8;
}

.friend .mod-list li .friend-list li:active {
    background: #e8e8e8;
}

/*新版一键支付*/
.float-key .flex-ver {
    text-align: center;
    border-bottom: none
}

.float-key .flex-ver em {
    color: #000;
    font-size: 3rem
}

.float-key .guide {
    font-size: 1.4rem;
    color: #999;
    line-height: 30px;
    padding-left: 15px
}

.float-key .channel-key {
    margin-top: 0
}

.float-key .channel-key .mod-list {
    border-top: thin #e8e8e8 solid;
    border-bottom: thin #e8e8e8 solid
}

.flex-ver {
    padding-top: 10px;
}

.flex-ver h3, .flex-ver p {
    line-height: 18px;
    margin: 0 10%;
    padding: 5px 0;
}

.flex-ver h3 {
    line-height: 18px;
    color: #999;
    font-size: 12px;
}

/*pop*/
.mod-pop {
    padding: 5px;
    line-height: 18px;
    text-align: center;
    display: block;
    background: #888;
    color: #fff;
    font-size: 12px;
    position: absolute;
    border-radius: 3px;
}

.mod-pop:before {
    height: 0px;
    left: 50%;
    bottom: -6px;
    margin-left: -3px;
    border-top: 6px solid #888;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: block;
    content: '';
    position: absolute;
}

.price-bar .mod-pop {
    top: -40px;
    left: -50px;
    z-index: 3;
    min-width: 110px;
}

/*支付页头部*/
.mod_pay_way {
    position: relative;
    padding: 15px 15px 5px;
    border-bottom: 1px solid #d2d2d2;
    background: #fff
}

.mod_pay_way .pay_tit {
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.mod_pay_way .pay_tit .num {
    color: #d09d3a;
    margin: 0 5px
}

.mod_pay_way .package_tips {
    position: relative;
    height: 30px;
    line-height: 30px
}

.mod_pay_way .package_tips .link_chk {
    display: block;
    height: 30px;
    color: #222;
    font-size: 12px
}

.mod_pay_way .package_tips .link_chk .icon_chk {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px;
    vertical-align: middle;
    margin-right: 8px
}

.mod_pay_way .package_tips .link_chk.select .icon_chk {
    background-position: -20px 0
}

.mod_pay_way .package_tips .link_chk.disable .icon_chk {
    background-position: 0 -20px
}

.mod_pay_way .package_tips .link_chk .txt {
    color: #808080;
    font-size: 13px
}

.mod_pay_way .package_tips .link_chk .num {
    color: #d09d3a;
    font-weight: 400
}

/* 短验  by emmajtchen */
.layer {
    background: #fafafc;
    -webkit-border-radius: 6px;
    -moz-border-raddius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    width: 87.5%;
    margin: 0 auto;
}

.container.message {
    padding: 0;
}

.message .icon, .message [class^=icon], .result-detail [class^=icon], .result-detail-dialog [class^=icon] {
    font-family: "iconfont" !important;
    font-size: 1.4rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    font-smoothing: antialiased;
    text-stroke-width: 0.2px;
    display: inline-block;
    vertical-align: middle;
}

.message .icon-back {
    position: relative;
    left: 10px;
    font-size: 24px;
    line-height: 48px;
    display: inline;
    color: #919191;
}

header {
    position: relative;
    height: 48px;
    line-height: 48px;
    padding-left: 48px;
    padding-right: 48px;
}

header h1 {
    margin-top: 0;
    height: 48px;
    font-size: 1.7rem;
    text-align: center;
    font-weight: 400;
}

header span {
    font-size: 16px;
    position: absolute;
    height: 48px;
    line-height: 48px;
    top: 0;
    left: 10px;
    display: block;
    color: #000;
}

/*header span i {
  width: 48px;
  text-align: center;
}*/
header span:last-child {
    left: auto;
    right: 0;
}

.order {
    text-align: center;
    padding: 15px 10px;
    font-size: 1.2rem;
}

.order .gift {
    position: relative;
    top: -1px;
    background-color: #ff7700;
    padding: 1px 2px;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    display: inline-block;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
}

.order h2 {
    font-weight: 400;
    font-size: 3.6rem;
    color: #333;
    line-height: 4.8rem;
    margin-bottom: -10px;
}

.spec-wrap {
    padding: 0 10px;
    margin-bottom: 10px;
}

.spec-wrap .controls {
    width: 85%;
    margin-left: 10px;
}

.spec-wrap .control-group {
    border: none;
}

.field-divice .field input {
    width: 80%;
}

.message .field input {
    height: 42px;
}

.message .form {
    margin-bottom: 10px;
}

.message .form .item {
    border: 1px solid #999;
    background-color: #fff;
    -webkit-border-radius: 0.3rem;
    -moz-border-raddius: 0.3rem;
    -ms-border-radius: 0.3rem;
    border-radius: 0.3rem;
    margin-bottom: 1rem;
    height: 4rem;
    position: relative;
}

.message .item.style1 {
    position: relative;
    border: none;
}

.message .field {
    background-color: #fff;
}

.message .item.style1 .field {
    width: auto;
    margin-right: 10.5rem;
}

.message .item.style1 .btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 1rem;
    width: 10rem;
}

.message .item.style1 .btn-dis {
    font-size: 1.2rem;
}

.message .item.style1 .btn-primary {
    font-size: 1.4rem;
}

.message .form .item:last-child {
    margin-bottom: 0;
}

.input-wrap input {
    width: 100%;
}

.message .btn-wrap {
    margin-top: 0;
    padding: 1px 10px 12px;
}

.message .btn-wrap button {
    margin-bottom: 0;
}

.message .hint {
    padding: 0 10px 10px;
}

.message .hint.style1 {
    margin-top: 0;
    padding-bottom: 1rem;
    text-align: center;
    margin-bottom: 0;
    color: #aaa;
}

.message p.hint {
    margin-top: 10px;
    color: #808080;
    font-size: 1.2rem;
}

.message .send-example {
    margin: 0 10px 12px;
    padding: 1rem;
    border: 1px solid #ccc;
    border-radius: 0.3rem;
    background-color: #f3f3f3;
}

.message .send-example p {
    font-size: 1.2rem;
    color: #808080;
    word-wrap: break-word;
}

.message .send-example strong {
    color: #0e9de7;
}

@media (-webkit-min-device-pixel-ratio: 1.5) {
    .message .form .item {
        position: relative;
        border: none;
    }

    .message .form .item:after {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        width: 200%;
        height: 200%;
        border-radius: 0.3rem;
        border: 1px solid #999;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
    }

    .message .send-example {
        position: relative;
        border: none;
    }

    .message .send-example:before {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        width: 200%;
        height: 200%;
        border-radius: 0.3rem;
        border: 1px solid #ccc;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
    }
}

/*交易详情*/
.result-detail {
    background-color: #eeeff3;
}

.rd-hd {
    position: relative;
    height: 44px;
    background-color: #0e9de7;
    text-align: center;
}

.rd-hd .tit {
    color: #fff;
    font-size: 16px;
    line-height: 44px;
}

.rd-hd .close-page {
    position: absolute;
    line-height: 44px;
    top: 0;
    right: 10px;
    color: #fff;
}

.result-detail .cont-main {
    height: 240px;
    position: relative;
}

.result-detail-dialog .cont-main {
    height: 120px;
    position: relative;
}

.result-detail .cont-main .txt, .result-detail-dialog .cont-main .txt {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #333;
    font-size: 16px;
    text-align: center;
}

.result-detail .cont-main .icon-warn, .result-detail-dialog .cont-main .icon-warn {
    position: relative;
    top: -2px;
    font-size: 24px;
    margin-right: 10px;
    color: #ff7700;
}

.result-detail-dialog .cont-main .icon-warn {
    font-size: 20px;
    top: -1px;
}

.rd-bd .bd-cont {
    height: 280px;
    padding: 0 16px;
}

.rd-bd .btn-wrap {
    margin-top: 0;
}

.result-detail .btn-wrap .btn, .result-detail-dialog .btn-wrap .btn {
    /*margin-bottom: 0;*/
}

.rd-ft .ft-cont {
    text-align: center;
    color: #979898;
    font-size: 1.2rem;
}

.rd-ft {
    margin-top: 40px;
}

@media screen and (min-height: 450px) {
    .rd-ft {
        width: 100%;
        position: absolute;
        bottom: 30px;
    }
}

.result-detail-dialog .btn {
    margin-bottom: 0;
}

.message .judge {
    margin-top: 40px;
}

/* 签约自动续费
 * author: emmajtchen(陈洁婷)
 * 2016.01.28
 */
.result-sign .container {
    padding: 0;
}

.wrapper-bg-primary .container {
    background-color: #efeff4;
}

.banner {
    margin: 10px 10px 0;
}

.banner a {
    display: block;
}

.banner img {
    width: 100%;
    vertical-align: top;
}

.confirm-sign {
    margin-top: 10px;
}

.wxcz-cells {
    background-color: #fff;
    line-height: 1.5;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.wxcz-cells:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.wxcz-cells:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.wxcz-cell {
    padding: 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.wxcz-cell:before {
    content: " ";
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #dfdfdd;
    color: #dfdfdd;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: 15px;
}

.wxcz-cell:first-child:before {
    display: none;
}

.wxcz-cell-primary {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wxcz-cell-bd p {
    color: #000;
    line-height: 20px;
}

.wxcz-cell-bd span {
    color: #888;
}

.wxcz-cell-hd .iconfont {
    margin-right: 5px;
    font-size: 16px;
    vertical-align: middle;
}

.wxcz-cell-hd .icon-confirm:before {
    content: "\E604";
    color: #64c800;
}

.wxcz-cell-ft {
    text-align: right;
    color: #888;
}

.wxcz-cell-ft:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c8c7cd;
    border-style: solid;
    position: relative;
    top: -1px;
    margin-left: 3px;
}

.wxcz-cells-title {
    text-align: left;
    padding: 10px 15px;
    font-size: 12px;
    color: #888;
}

.wxcz-cells-title p {
    font-size: 12px;
}

/* 增加loading
 * author: emmajtchen(陈洁婷)
 * 2016.04.06
 */
.loading {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 5rem;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
}

.loading-dot {
    background: #9e9e9e;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 1.2rem;
    margin-right: 1.5rem;
    -webkit-animation-name: loadingAnim;
    animation-name: loadingAnim;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.loading-dot:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.loading-dot:last-child {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    margin-right: 0;
}

@-webkit-keyframes loadingAnim {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes loadingAnim {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

/*ͷ��*/
.wrap{position: relative;
width: 100%;
height: 100%;
background: #f0f0f0;
display:inline-block;
}
.bg-gray{background:#efeff4;}
.container{padding:0 15px; overflow: hidden;}

.price-bar em{ font-size: 24px; color:#ff7700; margin-right:10px;}
.ch-icon{ margin-right:  5px;
display:inline-block;
vertical-align: middle;}
.channel-list{margin-top:20px;}
.channel-list .mod-list .icon-arrow{right:5px;}
.price-bar{  line-height: 30px;height:30px;}
.result .confirm{padding:45px 0 30px;}
.box-tit{font-size: 16px; }
 .game-area{background: #f3f3f3; padding:10px; border-radius: 5px; }
.game-area button{width:95px;}
.game-area h4{font-size: 16px;}
.game-area  p{color: #999;padding-top: 5px;}
.user-info{padding-top:20px; text-align: center;}
.user-info .pic{width:90px; height:90px; display:inline-block;border-radius: 100%;  overflow: hidden; border:1px solid #dedede; background: #fff; text-align: center; margin-bottom:10px;}
.massage{border:1px solid #dedede; background: #fff;padding:15px;border-radius: 5px;position: relative;}
.massage:before,.massage:after{ position: absolute; content: ""; border: 8px solid #fff; border-color:transparent transparent #fff transparent ;border-style: dashed dashed solid dashed ;left:50%; margin-left:-4px;}
.massage:after{top:-15px; }
.massage:before{border: 8px solid #dedede;border-color:transparent transparent #c3c3c3 transparent ;top:-16px;}
.ask-info-box{border-radius: 5px;  border:1px solid #dedede; border-bottom:none; margin-top:20px; }
.ask-info-box .g-product{ text-align: center; border-bottom: 1px solid #e8e8e8;padding:15px 0 20px 0;background: #fff; color: #666;border-radius: 5px 5px 0 0 ;}
.ask-info-box .g-product img{width:60px;}
.ask-info-box  .pay-bar{padding:20px;background: #fff; font-size: 16px;}
.ask-info-box:after{content: ""; height: 5px; width:100%; display: block;
 background-size: contain;margin-bottom:10px;}
.upgrade .ui-duration{height:5.2rem;}
.upgrade .ui-duration a{height: 5rem;width:5rem}
.upgrade .ui-duration a .iconfont{line-height: 5rem}
.upgrade .ui-duration p{text-align: center;font-size:12px; color: #999;}
.upgrade .ui-duration input{height:33px;}
.full-wrap .ask-page{padding:0 15px;}
.hide-header .topbar {display: none;}
.hide-navigation .back {display: none;}
.hide-header .container{margin-top:20px;}
.hide-header .hide-header-no-margin-top{margin-top:0;}
.word-list{margin:0 10px;}
.word-list li{color: #666;padding-bottom: 5px;}
.word-list li .dic{width:5px;height:5px; display:inline-block; background: #0e9de7; margin-right: 5px; vertical-align: middle;}
.accout-box {margin:10px;}
.accout-box h4{font-size: 14px;line-height: 30px; border-bottom: 1px solid #c8c8c8; margin-bottom:10px;}
.accout-box h4 .iconfont{color:#0fa2ff; margin-right: 5px;}
.accout-box p{position: relative; line-height: 24px; text-align: left; color: #000;}
.accout-box p .oprate{position: absolute;right:0; top:0;}
.accout-box .ps{border:1px dotted #bebebe; padding:10px; margin-top:10px;}
.accout-box .ps p{color: #999;}
.bg-gray .field-divice .control-group{border-right:0;border-left:0;border-radius: 0;}
.bg-gray .btn-wrap{margin:20px 10px 10px 10px;}

.qqcard .field-divice{margin-top:20px;}
.accout-box .explain{font-size: 12px; color: #999; line-height: 16px; padding-top:5px; border-top:1px solid #ccc;}

.sm-screen .topbar{
  height: 40px;
  line-height: 40px;
}
.sm-screen .topbar .back{
  height: 40px;
  line-height: 40px;
}
.sm-screen .flex-ver{
  padding-top: 0;
}
.sm-screen .flex-ver h3, .flex-ver p{
  padding: 2px 0 0 0;
}
.sm-screen .float-key .flex-ver em{
  font-size: 2.4rem;
}
.sm-screen .list-bar{
  line-height: 34px;
}
.sm-screen .channel-list{
  margin-top: 0;
}
.sm-screen .mod-list h3{
  font-size: 1.4rem;
}
.sm-screen .detail-memo{
  font-size: 1.3rem;
}
.sm-screen .mod-list-con{
  height: 40px;
  line-height: 40px;
}
.sm-screen .container{
  padding-bottom: 10px;
}


@charset "utf-8";  /*全局样式*/    /*表单样式*/  /*模块样式*/  /*模块样式*/

/*red*/
@charset "utf-8";
/*.full-wrap .container{padding:0;}*/
.wxtips{line-height: 24px;padding:5px 10px;border-bottom:1px dashed #dedede; color: #777777;font-size:12px;}
.confirm-cont{margin-top:20px;}
.field-group {
border-top: none;
border-bottom: 1px solid #dedede;
margin-bottom: 15px;
background: #fff;
position: relative;
color: #777777;
}
.field-group .control-group {
min-height: 52px;
padding-left:0;
border-bottom: 1px solid #dedede;
margin-bottom: 0;
}
.field-group .control-group:active{background: #f2f2f2;}
.field-group .control-group .control-label {
padding-left: 0;
}
.field-group .control-group:last-child {
border-bottom: none;
}
.field-group .arrow:after{right:10px;}
.field-group .pic {width:40px; height: 40px; display: inline-block;
position: absolute;top:20px;left:10px;}
.field-group .pic img{background-size: contain;    width: 40px;height: 40px;}
.mixlist .controls{margin-left:70px; min-height: 84px;padding:15px 0;}
.controls h4{font-size:14px; font-weight: 700;}
.icon-arrow{position: absolute; top:50%;right:10px;/* margin-top:-8px;*/}
.result .container{margin-top:0px;padding:0px}
.mod-list .detail-memo {background:none}
.result .resue {border-top: 1px solid #dedede;}

/* lucky money*/

.mod_ly_red{position:absolute;z-index:9999;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.mod_ly_red .ly_wrap{position:relative;width:100%;height:100%}
.mod_ly_red .ly_close{position:absolute;right:10px;top:10px;z-index:11;width:21px;height:21px;overflow:hidden}
.mod_ly_red .ly_close:before,.mod_ly_red .ly_close:after{position:absolute;z-index:3;left:2px;top:10px;content:' ';width:18px;height:1px;font-size:0;background:#a1291e}
.mod_ly_red .ly_close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mod_ly_red .ly_close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mod_ly_red .ly_bd{width:243px;height:249px;background:#e14c27 url(../../midash5/images/bg_ly_red.2505f2f1.png?max_age=31104000) no-repeat;background-size:100%;overflow:hidden;border-radius:15px}
.mod_ly_red .red_list{position:relative;padding:47px 32px 0}
.mod_ly_red .red_list .red_tit{font-size:16px;line-height:30px;color:#f7d8a0;font-weight:700;margin-bottom:6px}
.mod_ly_red .red_list .red_txt{font-size:13px;line-height:25px;color:#f7d8a0;height:76px;overflow:hidden}
.mod_ly_red .red_list .red_btn{position:absolute;left:87px;top:149px;width:70px;height:70px;color:#a1291e;font-size:16px;line-height:70px;text-align:center;background:#f0cb87;background:-webkit-radial-gradient(#f2cf8d,#eac070,#e6b861);border-radius:50%;box-shadow:1px 3px 6px #a1291e}
/****/
.mod_ly_mask{
	position: fixed;
	z-index: 9998;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.6);
}
.mod_ly_svip{
	position: relative;
}
.mod_ly_svip .ly_wrap{
	background: #fff;
	border-radius: 6px;
}
.mod_ly_svip .ly_close{
	position:absolute;
	left:0px;
	top:0px;
	z-index:11;
	width:30px;
	height:30px;
	overflow:hidden;
}
.mod_ly_svip .ly_close:before,
.mod_ly_svip .ly_close:after{
	position:absolute;
	z-index:3;
	left: 6px;
    top: 15px;
	content:' ';
	width:18px;
	height:1px;
	font-size:0;
	background:#fff;
}

.mod_ly_svip .ly_close:before{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.mod_ly_svip .ly_close:after{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.mod_send_result .ly_close:before,
.mod_send_result .ly_close:after{
	background:#000;
}
/****/
.mod_send_svip{
	position: relative;
	top: -1px;
	height: 190px;
	background: #c12e1a;
	border-radius: 6px;
	overflow: hidden;
}
.mod_send_svip .send_svip_bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 85px;
	background: #e14c27;
}
.mod_send_svip .send_svip_bg:before{
	content: ' ';
    position: absolute;
    left: 50%;
    margin-left: -150px;
    bottom: -99px;
    width: 0;
    height: 0;
    border-width:50px 150px; 
    border-style:solid dashed dashed dashed; 
    border-color:#e14c27 transparent transparent transparent;
}
.mod_send_svip .send_svip{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.mod_send_svip .send_tit{
	padding-top: 26px;
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin-bottom: 3px;
}
.mod_send_svip .send_txt{
	font-size: 12px;
	line-height: 20px;
	color: #f3c4bd;
	text-align: center;
}
.mod_send_svip .send_btn{
	position: absolute;
	left: 50%;
	top: 93px;
	width: 61px;
	height: 61px;
	margin-left: -30px;
	background: url(../../midash5/images/i1464249711_1.6546662e.jpg?max_age=31104000) no-repeat 0 0;
	background-size: 100%;
}
.mod_send_svip .send_btn .txt{
	display: block;
	font-size: 15px;
	line-height: 62px;
	text-align: center;
	color: #c12e1a;
	font-weight: 500;
}
.mod_send_svip .send_tips{
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #ebc172;
	text-align: center;
}
.mod_send_result{
	background: #f0f0f2;
	height: 190px;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	top: -1px;
}
.mod_send_result .send_result{
	padding-top: 45px;
}
.mod_send_result .result_success{
	display: block;
	margin: 0 auto 15px;
	width: 53px;
	height: 53px;
	background: url(../../midash5/images/i1464253980_1.d155bc22.jpg?max_age=31104000) no-repeat 0 0;
	background-size: 100%;
}
.mod_send_result .result_tit{
	font-size: 15px;
	line-height: 24px;
	color: #000;
	text-align: center;
	font-weight: 700;
	margin-bottom: 3px;
}
.mod_send_result .result_txt{
	font-size: 12px;
	line-height: 20px;
	color: #848485;
	text-align: center;
}
/****/
.mod_act_list .item{
	position: relative;
	padding: 15px 15px 15px 15px;
}
.mod_act_list .item:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid #ccced3;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
}
.mod_act_list dt{
	float: left;
	width: 53px;
	height: 53px;
}
.mod_act_list dt img{
	display: block;
	width: 100%;
	height: 100%;
}
.mod_act_list dd{
	margin-left: 62px;
	padding-right: 35px;
}
.mod_act_list dd .tit{
	font-size: 14px;
	line-height: 19px;
	color: #000;
}
.mod_act_list dd .txt{
	font-size: 12px;
	line-height: 18px;
	color: #777;
}
.mod_act_list .icon_arrow {
    position: absolute;
    top: 33px;
    right: 27px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}
.mod_act_list .icon_arrow:before,
.mod_act_list .icon_arrow:after{
  position: absolute;
  top: 0;
  content: '';
  width: 12px;
  height: 1px;
  background: #ccced3;
}
.mod_act_list .icon_arrow:before{
  top: 0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.mod_act_list .icon_arrow:after{
  top: 8px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
/**弹层居中**/
.mod_ly_svip_float{}
.mod_ly_svip_float .ly_wrap{
	position:relative;
	margin:auto;
	width: 300px;
}
/****/
.mod_ly_svip_full .mod_send_svip{
	position:fixed;
	z-index:9999;
	left:50%;
	top:50px;
	width: 300px;
	height: 190px;
	margin-left: -150px;
}
.mod_ly_svip_full .mod_send_result .ly_close {
    display: none;
}
.mod_ly_svip_full .mod_send_result {
   border-radius: 0;
}
.mod_ly_svip_full .mod_ly_svip .ly_wrap{
	border-radius: 0;
}

/*# sourceMappingURL=hlw_css.35cdf699.longcache.css.map?v=crossorigin3*/