Home Explore Help
Sign In
ipu
/
android-share
Watch 6
Star 0
Fork 0
Code Issues 1 Pull Requests 1 Commits 865 Releases 4 Wiki

ipu的trunk版的android工程和服务端工程。

Tree: f520af855e
Branches Tags
android-share
/
display-server
/
web
/
res
/
css
/
base.css

base.css 68KB
History Raw 

    * { margin:0; padding:0; list-style:none; outline:0 none; font-style:normal; cursor:default; font-family:helvetica,simhei; -webkit-focus-ring-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html { height:100%; font-size:100px; -webkit-user-select:none; overflow:hidden;}
body { background:#f2f2f2; height:100%; font-size:18%; color:#333; line-height:1; position:relative; width:100%; overflow:hidden;}
@font-face { font-family:"base";  src:url('base.ttf')  format('truetype');}
@font-face { font-family:"biz";   src:url('biz.ttf')   format('truetype');}
@font-face { font-family:"brand"; src:url('brand.ttf') format('truetype');}
@media (min-width:0px   ) { html { font-size: 66.66px;}}
@media (min-width:480px ) { html { font-size:100.00px;}}
@media (min-width:540px ) { html { font-size:112.50px;}}
@media (min-width:640px ) { html { font-size:133.33px;}}
@media (min-width:720px ) { html { font-size:150.00px;}}
@media (min-width:768px ) { html { font-size:160.00px;}}
@media (min-width:800px ) { html { font-size:166.67px;}}
@media (min-width:1024px) { html { font-size:213.33px;}}
@media (min-width:1080px) { html { font-size:225.00px;}}
@media (min-width:1200px) { html { font-size:250.00px;}}
@media (min-width:1280px) { html { font-size:266.67px;}}
@media (min-width:1366px) { html { font-size:284.58px;}}
@media (min-width:1536px) { html { font-size:320.00px;}}
@media (min-width:1600px) { html { font-size:333.33px;}}
@media (min-width:1920px) { html { font-size:400.00px;}}
@media (min-width:2048px) { html { font-size:426.67px;}}
@media (min-width:2560px) { html { font-size:533.33px;}}
input,
textarea { border-radius:0; vertical-align:top;}
img { vertical-align:top;}
a { text-decoration:none;}
.fn-hide {display: none;}


/*motherboard*/
.c_navBar { height:0.6rem; line-height:0.6rem; background:#0085d0; color:#fff; position:relative; zoom:1; width:100%; float:left;}
.c_navBar .left { float:left; position:relative; z-index:1;}
.c_navBar .right { float:right; position:relative; z-index:1;}
.c_navBar .center { position:absolute; height:100%; width:100%; text-align:center; left:0; top:0;}

.c_navBar .back { overflow:hidden;}
.c_navBar .back.active { background:#006aa6;}
.c_navBar .back [class^="e_ico"] { float:left; width:0.6rem; font-size:0.32rem; text-align:center; color:#80c2e8; vertical-align:top;}
.c_navBar .back .text { font-size:0.26rem; vertical-align:top; padding-right:0.2rem;}
.c_navBar .icon { overflow:hidden;}
.c_navBar .icon.active { background:#006aa6;}
.c_navBar .icon [class^="e_ico"] { float:left; width:0.6rem; font-size:0.26rem; text-align:center; color:#fff; vertical-align:top;}
.c_navBar .title { font-size:0.26rem;}
.c_navBar button { background:transparent; vertical-align:top; line-height:0.6rem; color:#cce7f6; font-size:0.21rem; border:0 none; height:0.6rem; padding:0 0.2rem;}
.c_navBar button [class^="e_ico"] { margin-right:0.05rem; line-height:0.6rem;}

.c_navBar .tab ul { display:table; width:100%; table-layout:fixed;}
.c_navBar .tab li { display:table-cell; font-size:0.24rem; text-align:center; color:#80c2e8;}
.c_navBar .tab .on { color:#fff;}
.c_navBar .tab .active { background:#eee;}

.c_navBar * .tab { width:2.5rem; display:inline-block; background:#006aa6; line-height:0.4rem; border:0.02rem solid #006aa6; border-radius:0.25rem; margin:0.08rem;}
.c_navBar * .tab li { background:#fff; color:#006aa6; font-size:0.21rem;}
.c_navBar * .tab li:first-child { border-top-left-radius:0.25rem; border-bottom-left-radius:0.25rem;}
.c_navBar * .tab li:last-child { border-top-right-radius:0.25rem; border-bottom-right-radius:0.25rem;}
.c_navBar * .tab .on { background:transparent; color:#fff;}

.c_navBar .buttonList { font-size:0.21rem; padding:0 0.2rem; display:inline-block; position:relative;}
.c_navBar .buttonList.active { background:#006aa6;}
.c_navBar .buttonList .e_ico-unfold { margin-left:0.05rem; font-size:0.14rem; vertical-align:top;}
.c_navBar .buttonList .option { background:#0085d0; text-align:center; position:absolute; left:0;}
.c_navBar .buttonList .option li { padding:0 0.2rem; white-space:nowrap;}
.c_navBar .buttonList .option li.active { background:#006aa6;}
.c_navBar .right .buttonList .option { left:auto; right:0;}

.c_navBar .logo { overflow:hidden;}
.c_navBar .logo [class^="e_ico"] { width:0.6rem; font-size:0.36rem; text-align:center; vertical-align:top; margin-right:-0.05rem;}
.c_navBar .logo .text { font-size:0.26rem; vertical-align:top; padding-right:0.2rem;}



.m_footer { position:absolute; bottom:0; width:100%; height:0.8rem; background:#333;}
.m_footer ul { display:table; width:100%; table-layout:fixed; color:#f2f2f2; height:0.8rem;}
.m_footer li { display:table-cell; text-align:center; vertical-align:middle;}
.m_footer li [class^="e_ico"] { font-size:0.32rem;}
.m_footer li .text { display:block; margin-top:0.08rem; font-size:0.16rem;}
.m_footer li.on { color:#333; background:#f2f2f2;}
.m_footer li.active:not(.on) { background:#000;}



.m_welcome { background:#8fc320; color:#fff; width:100%; height:100%; line-height:1.1; position:relative; overflow:hidden; -webkit-transition:background 1s ease-out; -webkit-transform-style:preserve-3d;}
.m_welcome>.logo { position:absolute; bottom:7%; width:2.4rem; left:50%; margin-left:-1.2rem; line-height:1;}
.m_welcome>.logo .and { float:left; width:0.46rem; height:0.46rem; position:relative;}
.m_welcome>.logo .and:before { position:absolute; left:0; top:0; content:"\e600"; font-size:0.46rem; font-family:"base";}
.m_welcome>.logo .and:after { position:absolute; left:0; top:0; content:"\e602"; font-size:0.46rem; font-family:"base"; color:#e40077;}
.m_welcome>.logo .ch { float:left; margin-left:0.05rem; margin-top:0.22rem;}
.m_welcome>.logo .ch:before { font-size:0.25rem; content:"\e601"; font-family:"base";}
.m_welcome>.logo .sign { margin-left:0.12rem; padding-left:0.12rem; float:left; border-left:1px solid #fff; line-height:0.46rem; height:0.46rem;}
.m_welcome>.logo .sign:before { content:"\e60b"; font-family:"base"; font-size:1.36rem;}
.m_welcome .loading { -webkit-transition:top 1s ease-out; -webkit-transform-style:preserve-3d; position:absolute; width:5.3rem; overflow:hidden; left:50%; margin-left:-2.65rem; top:50%; margin-top:-6rem; text-align:center;}
.m_welcome .loading .logo { -webkit-transition:top 1s ease-out; -webkit-transform-style:preserve-3d; top:0; position:relative;}
.m_welcome .loading .dot:before { font-size:5.3rem; content:"\e607"; font-family:"base"; color:#e40077; position:relative; z-index:1;}
.m_welcome .loading .and { position:absolute; left:50%; margin-left:-0.33rem; top:4.6rem; text-indent:0; z-index:1;}
.m_welcome .loading .and:before { position:absolute; left:0; top:0; content:"\e600"; font-size:0.66rem; font-family:"base";}
.m_welcome .loading .and:after { position:absolute; left:0; top:0; content:"\e602"; font-size:0.66rem; font-family:"base";}
.m_welcome .loading .cycle { width:1.5rem; height:1.5rem; position:absolute; left:50%; margin-left:-0.75rem; top:4.22rem; z-index:0;
	 -webkit-animation:loading 1.5s linear infinite;
}
.m_welcome .loading .cycle:before {
	content:""; display:block;
	width:1.5rem; height:0.75rem; border-radius:0.75rem 0.75rem 0 0;
	background:-webkit-gradient(
		linear,
		0 0,
		right 0,
		color-stop(0,rgba(255,255,255,0)),
		color-stop(1,rgba(255,255,255,0.7))
	);
}
.m_welcome .logo2 { -webkit-transition:opacity 1s ease-out; -webkit-transform-style:preserve-3d; position:absolute; left:50%; width:1rem; height:1rem; margin-left:-0.5rem; bottom:1rem; opacity:0;}
.m_welcome .logo2:before { position:absolute; left:0; top:0; font-family:"base"; content:"\e60c"; font-size:1rem; line-height:1;}
.m_welcome .logo2:after  { position:absolute; left:0; top:0; font-family:"base"; content:"\e60d"; font-size:1rem; line-height:1; color:#c8f667;}
.m_welcome .text { position:relative;}
.m_welcome .text .title { font-size:0.33rem; margin-top:0.4rem;}
.m_welcome .text .tip { -webkit-transition:opacity 1s ease-out; -webkit-transform-style:preserve-3d; font-size:0.16rem; margin-top:0.15rem; opacity:1;}
.m_welcome .text .tip2 { -webkit-transition:opacity 1s ease-out; -webkit-transform-style:preserve-3d; bottom:0; position:absolute; width:100%; text-align:center; opacity:0;}
@-webkit-keyframes loading
{
	0% { -webkit-transform:rotate(0deg);}
	100% { -webkit-transform:rotate(360deg);}
}
.m_welcome .login { -webkit-transition:left 1s ease-out,margin-left 1s ease-out,margin-top 1s ease-out,opacity 1s ease-out; -webkit-transform-style:preserve-3d; opacity:0; position:absolute; top:40%; width:20em; left:100%; margin-left:0;}
.m_welcome .login li { height:0.65rem; position:relative; overflow:hidden; font-size:0.24rem; border-bottom:1px solid #339dd9; line-height:0.65rem;}
.m_welcome .login .label { float:left;}
.m_welcome .login .value { overflow:hidden; display:block;}
.m_welcome .login .value input { font-size:0.24rem; color:#b8d4ed; height:0.65rem; border:0 none; vertical-align:top; width:100%; background:transparent; box-sizing:border-box;}
.m_welcome .login .button { position:absolute; right:0.05rem; top:0.05rem; height:0.55rem; line-height:0.55rem; padding:0 0.24rem; background:#2697d7; border-radius:0.05rem;}
.m_welcome .login img { position:absolute; right:0rem; top:0.17rem; height:0.31rem;}
.m_welcome .login .submit { margin-top:0.3rem;}
.m_welcome .login .submit span { display:block; font-size:0.24rem; text-align:center; line-height:0.65rem; background:#8fc320; border-radius:0.08rem;}
.m_welcome-login { background-color:#0085d0;}
.m_welcome-login .login { left:50%; margin-left:-10em; opacity:1;}
.m_welcome-login .loading { top:22%;}
.m_welcome-login .loading .logo { top:-12em;}
.m_welcome-login .logo2 { opacity:1;}
.m_welcome-login .text .tip { opacity:0;}
.m_welcome-login .text .tip2 { opacity:1;}



.m_content { padding:0.12rem; padding-top:0; overflow:hidden; position:relative;}
.s_bs .m_content { position:absolute; top:0.6rem; bottom:0.8rem; left:0; right:0; overflow:hidden;}
.s_bs .m_content-nofooter { bottom:0;}
.m_wrapper { position:relative; overflow:hidden;}



.m_nav { position:relative; left:0;}
.s_bs .m_nav { position:absolute; top:0.6rem; bottom:0.8rem; left:0; right:0; overflow:hidden;}
.m_nav > .wrapper { height:100%; position:relative; -webkit-transition:-webkit-transform 0.4s ease-out; -webkit-transform-style:preserve-3d; left:0;}
.m_nav > .wrapper > div { position:relative; height:100%;}
.m_nav .nav > ul { overflow:hidden; padding:0.12rem 0;}
.m_nav .nav > ul > li { float:left; width:33.3%; text-align:center; height:1.52rem; border:1px solid rgba(0,0,0,0); border-radius:0.08rem; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box;}
.m_nav .nav > ul > li.active { border-color:#ccc; background:#fff;}
.m_nav .nav > ul > li > .pic { margin-top:0.18rem;}
.m_nav .nav > ul > li > .pic .e_bizIco { font-size:0.65rem; display:inline-block;}
.m_nav .nav > ul > li > .pic [class^="e_ico"] { font-size:0.65rem; display:inline-block;}
.m_nav .nav > ul > li > .text { line-height:0.27rem; margin-top:0.08rem;}
[class*="m_nav-col"] { padding:0 !important;}
.m_nav .nav { padding:0 0.12rem; position:relative; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box;}
.m_nav-col-5 > .wrapper { width:500%;}
.m_nav-col-5 > .wrapper > div { float:left; width:20%;}
.m_nav-col-4 > .wrapper { width:400%;}
.m_nav-col-4 > .wrapper > div { float:left; width:25%;}
.m_nav-col-3 > .wrapper { width:300%;}
.m_nav-col-3 > .wrapper > div { float:left; width:33.33333333%;}
.m_nav-col-2 > .wrapper { width:200%;}
.m_nav-col-2 > .wrapper > div { float:left; width:50%;}
.m_nav.m_nav-current-2 > .wrapper { -webkit-transform:translate(-25%,0);}
.m_nav.m_nav-current-3 > .wrapper { -webkit-transform:translate(-50%,0);}
.m_nav.m_nav-current-4 > .wrapper { -webkit-transform:translate(-75%,0);}
.m_nav.m_nav-current-5 > .wrapper { -webkit-transform:translate(-100%,0);}


.m_sub { background:#404040; width:3.4rem; color:#fff; position:relative;}
.m_sub .staff { padding:0.12rem; display:table; width:100%; table-layout:fixed; box-sizing:border-box; -webkit-box-sizing:border-box;}
.m_sub .staff .head { display:table-cell; width:0.5rem;}
.m_sub .staff .head:before { font-family:"base"; font-size:0.5rem; content:"\e615"; color:#a0a0a0;}
.m_sub .staff .info { display:table-cell; vertical-align:middle; padding:0 0.1rem 0 0.12rem;}
.m_sub .staff .info .name { font-size:0.26rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_sub .staff .info .id { margin-top:0.05rem; color:#b1b1b1;}
.m_sub .staff .fn { display:table-cell; vertical-align:middle; width:0.6rem;}
.m_sub .staff .fn .exit { display:inline-block; width:0.6rem; height:0.3rem; border:1px solid #040000; text-align:center; line-height:0.3rem; color:#dadada; box-shadow:0 1px 0 #7a7a7a,inset 0 1px 0 #7a7a7a; border-radius:0.03rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
.m_sub .staff .fn .exit.active { background:#000; box-shadow:none;}
.m_sub .menu { background:#535353;}
.m_sub .menu ul { display:table; width:100%;}
.m_sub .menu li { display:table-cell; text-align:center; line-height:0.4rem; border-left:1px solid #404040;}
.m_sub .menu li:first-child { border:0 none;}
.m_sub .menu li.active { background:#333;}
.m_sub .menu li div { display:inline-block;}
.m_sub .menu li .num { width:0.24rem; height:0.24rem; line-height:0.24rem; background:#e40177; border-radius:50%;}
.m_sub .title { line-height:0.35rem; overflow:hidden; background:#333; border-bottom:1px solid #1a1a1a;}
.m_sub .title .text { color:#999; float:left; padding-left:0.12rem;}
.m_sub .title .fn { float:right; width:0.35rem; height:0.35rem; text-align:center; color:#999;}
.m_sub .title .fn.active { background:#000; color:#fff;}
.m_sub .title .fn .add:before { font-family:"base"; content:"\e61c";}
.m_sub .title .fn .exit:before { font-family:"base"; content:"\e60a";}
.m_sub .title .num { color:#83c200; font-weight:bold;}
.m_sub .favo .content { overflow:hidden; position:relative;}
.m_sub .favo .content li { border-top:1px solid #5d5d5d; padding:0 0.12rem; border-bottom:1px solid #1a1a1a; font-size:0.21rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:0.5rem;}
.m_sub .favo .content li.active { background:#333; border-top:1px solid #333;}
.m_sub .favo .content li div { display:inline-block;}
.m_sub .favo .content li .ico .e_bizIco:before { color:#a0a0a0;}
.m_sub .cust { border-top:1px solid #404040;}
.m_sub .cust .content { padding:0.24rem; position:relative;}
.m_sub .cust .brand { display:table-cell; width:0.5rem; height:0.5rem; position:relative;}
.m_sub .cust .brand:before { font-family:"brand"; color:#fff; line-height:0.5rem; position:absolute;}
.m_sub .cust .brand-gotone:before { content:"\e602"; font-size:1.4rem; left:-0.02rem; top:0;}
.m_sub .cust .brand-easyown:before { content:"\e600"; font-size:1.5rem; left:-0.08rem; top:0;}
.m_sub .cust .brand-mzone:before { content:"\e604"; font-size:1rem; left:-0.2rem; top:0;}
.m_sub .cust .info { display:table-cell; vertical-align:middle; padding:0 0.1rem 0 0.12rem;}
.m_sub .cust .info .name { font-size:0.26rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_sub .cust .info .id { margin-top:0.05rem; color:#b1b1b1;}
.m_sub .cust .biz { margin-top:0.24rem;}
.m_sub .cust .biz ul { overflow:hidden;}
.m_sub .cust .biz li { float:left; width:33.33%; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; border-left:1px solid #666;}
.m_sub .cust .biz li:first-child { border-left:0 none;}
.m_sub .cust .biz .value { font-size:0.27rem;}
.m_sub .cust .biz .label { font-size:0.16rem; color:#b1b1b1; margin-top:0.1rem;}
.m_sub .cust .biz .fn { margin-top:0.15rem;}
.m_sub .cust .biz .button { display:inline-block; font-size:0.14rem; padding:0 0.12rem; background:#709c14; border-radius:0.02rem; line-height:0.24rem;}
.m_sub .cust .biz .button.active { background:#4b621b;}
.m_sub .cust .status { position:absolute; right:0.12rem; top:0; line-height:0.27rem; font-size:0.16rem; background:#e40077; padding:0 0.1rem;}
.m_sub .shadow { position:absolute; right:0; top:0; width:0.04rem; height:100%; background:rgba(0,0,0,0.5);}



.m_submit { overflow:hidden; background:#333; padding:0.12rem;}
.m_submit .price { line-height:0.6rem; float:left; color:#fff; font-size:0.4rem;}
.m_submit .submit { float:right; margin-left:0.12rem;}
.m_submit .e_mix { display:block; width:auto;}
.m_submit .e_mix input[type="text"] { background:#191919; color:#fff; border:0 none !important; box-shadow:inset 0 0.02rem 0 0 #000;}
.m_submit .e_mix input[type="text"]::-webkit-input-placeholder { color:#616161;}
.m_submit .e_mix .e_button { background:#474747; color:#fff; border:0 none; box-shadow:inset 0 -0.02rem 0 0 #191919;}
.m_submit .submit .e_button-ok,
.m_submit .submit .e_button-cancel { border:0 none; height:0.6rem; font-size:0.23rem;}



/*element*/
.e_button { display:inline-block; height:0.3rem; line-height:0.3rem; border-radius:0.15rem; background:#333; padding:0 0.18rem; white-space:nowrap; color:#fff;}
.e_button [class^="e_ico"] { vertical-align:top;}
.e_button-singleIco { padding:0; width:0.3rem; text-align:center;margin-top:0.1rem;}/*添加的小按钮*/
.e_button-ok { background:#8fc320; color:#fff; padding:0 0.25rem; border-radius:0.05rem; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #6a940d; line-height:0.6rem; font-size:0.24rem; height:0.6rem; box-shadow:inset 0 -0.02rem 0 0 #5b7e11;}
.e_button-cancel { background:#f7f7f7; padding:0 0.25rem; border-radius:0.05rem; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #ccc; line-height:0.6rem; font-size:0.24rem; height:0.6rem; box-shadow:inset 0 -0.02rem 0 0 #bbb; color:#333;}
.e_button-red { background:#e40177; padding:0 0.25rem; border-radius:0.05rem; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #8c1a55; line-height:0.6rem; font-size:0.24rem; height:0.6rem; box-shadow:inset 0 -0.02rem 0 0 #8c1a55; color:#fff;}
.e_button-blue { background:#0085d0; padding:0 0.25rem; border-radius:0.05rem; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #1a5c81; line-height:0.6rem; font-size:0.24rem; height:0.6rem; box-shadow:inset 0 -0.02rem 0 0 #1a5c81; color:#fff;}
.e_button.active { opacity:0.6;}
.e_button-ok.active { background:#6a940d; opacity:1;}
.e_button-cancel.active { background:#ccc; opacity:1;}
.e_button-red.active { background:#b6015f; opacity:1;}
.e_button-blue.active { background:#0f6ca1; opacity:1;}
.e_button:not(.e_button-singleIco) [class^="e_ico"] { margin-right:0.05rem;}
.e_button:not(.e_button-singleIco) .e_ico-fold,
.e_button:not(.e_button-singleIco) .e_ico-unfold { margin-left:0.05rem; margin-right:0;}



.e_fix-bottom { position:absolute; width:100%; bottom:0; left:0;}



.e_bizIco { font-family:"biz"; display:inline-block;}

.e_brandIco { font-family:"brand"; display:inline-block; position:relative;}
.e_brandIco:after { position:absolute; left:0; top:0;}
.e_brandIco-gotone:before { content:"\e602"; color:#1f619e;}
.e_brandIco-gotone:after { content:"\e603"; color:#1d426e;}
.e_brandIco-easyown:before { content:"\e600"; color:#211917;}
.e_brandIco-easyown:after { content:"\e601"; color:#008888;}
.e_brandIco-mzone:before { content:"\e604"; color:#de9831;}
.e_brandIco-mzone:after { content:"\e605"; color:#f5cf00; text-shadow:-0.01rem 0rem 0 rgba(0,0,0,1); -webkit-text-shadow:-0.01rem 0rem 0 rgba(0,0,0,1);}

[class^="e_ico"] { font-family:"base"; display:inline-block;}
.e_ico-back:before     { content:"\e603";}
.e_ico-check:before    { content:"\e604";}
.e_ico-config:before   { content:"\e605";}
.e_ico-delete:before   { content:"\e606";}
.e_ico-edit:before     { content:"\e608";}
.e_ico-warn:before     { content:"\e609";}
.e_ico-exit:before     { content:"\e60a";}
.e_ico-notice:before   { content:"\e60e";}
.e_ico-resent:before   { content:"\e60f";}
.e_ico-reset:before    { content:"\e610";}
.e_ico-search:before   { content:"\e611";}
.e_ico-star:before     { content:"\e612";}
.e_ico-checkbox:before { content:"\e613";}
.e_ico-task:before     { content:"\e614";}
.e_ico-user:before     { content:"\e615";}
.e_ico-msg:before      { content:"\e616";}
.e_ico-flow:before     { content:"\e617";}
.e_ico-voice:before    { content:"\e618";}
.e_ico-more:before     { content:"\e619";}
.e_ico-camera:before   { content:"\e61a";}
.e_ico-add:before      { content:"\e61c";}
.e_ico-close:before    { content:"\e61d";}
.e_ico-swipe:before    { content:"\e61e";}
.e_ico-close2:before   { content:"\e625";}
.e_ico-reduce:before   { content:"\e627";}
.e_ico-scan:before     { content:"\e628";}
.e_ico-date:before     { content:"\e629";}
.e_ico-pic:before      { content:"\e62a";}
.e_ico-tip:before      { content:"\e62b";}
.e_ico-qr:before       { content:"\e62c";}
.e_ico-building:before { content:"\e62d";}
.e_ico-audio:before    { content:"\e62e";}
.e_ico-unfold:before   { content:"\e62f";}
.e_ico-fold:before     { content:"\e630";}

.e_left { text-align:left !important;}
.e_center { text-align:center !important;}
.e_top { vertical-align:top !important;}

.e_red { color:#e40177 !important;}
.e_gold { color:#bda543 !important;}
.e_green { color:#8fc320 !important;}
.e_placeholder { color:#ddd !important;}

.e_dis { opacity:0.4;}

.e_size-l { font-size:0.45rem !important;}
.e_size-m { font-size:0.30rem !important;}
.e_size   { font-size:0.24rem !important;}
.e_size-s { font-size:0.18rem !important;}

input[type="text"].e_left { padding:0 0.18rem;}
input[type="text"].active { background:#cee6f4;}
input[type="time"] { -webkit-appearance:none; border:0 none; text-align:right; font-size:100%;}
input[type="date"] { -webkit-appearance:none; border:0 none; text-align:right; font-size:100%; background:none;}
input[type="checkbox"] { -webkit-appearance:none; margin-right:0.06rem; opacity:0.4; color:#8fc320; font-size:100%;}
input[type="checkbox"]:before { content:"\e61b"; font-family:"base"; font-size:100%;}
input[type="checkbox"]:checked { opacity:1; }

.e_progress { overflow:hidden; display:block;}
.e_progressUse { overflow:hidden; display:block;}
.e_progressUseValue { float:left; font-size:0.4rem; color:#8fc320;}
.e_progressUseTip { float:left; font-size:0.14rem; margin-left:0.05rem;}
.e_progressBar { display:block; background:#eee; margin-top:0.05rem;}
.e_progressBar span { display:block; height:0.16rem; background:#8fc320;}
.e_progressTotal { float:left; font-size:0.14rem; margin-top:0.05rem;}
.e_progressSurplus { float:right; margin-top:0.05rem;}
.e_progressSurplusValue { float:left; font-size:0.4rem; margin-left:0.05rem; color:#aaa;}
.e_progressSurplusTip { float:left; font-size:0.14rem;}
.e_progress-warn .e_progressBar span { background:#f60;}
.e_progress-warn .e_progressUseValue { color:#f60;}
.e_progress-error .e_progressBar span { background:#e40077;}
.e_progress-error .e_progressUseValue { color:#e40077;}

.e_switch { display:inline-block; width:1.2rem; padding:0.04rem; overflow:hidden; background:#0085d0; color:#fff; line-height:0.4rem; vertical-align:top; position:relative;}
.e_switchOn { float:left; width:50%; text-align:center;}
.e_switchOff { overflow:hidden; display:block; text-align:center;}
.e_switchBar { position:absolute; width:0.6rem; background:#fff; height:0.4rem; left:0; margin-left:0.04rem; top:0.04rem;}
.e_switch-on .e_switchBar { margin-left:50%; left:0;}
.e_switch.e_dis { opacity:0.2;}

.e_segment { display:inline-block; width:3rem; background:#0085d0; line-height:0.4rem; padding:0.04rem; vertical-align:top;}
.e_segmentWrapper { display:table; width:100%; table-layout:fixed;}
.e_segmentLi { display:table-cell; text-align:center; color:#999; background:#f7f7f7;/* -webkit-transition:all 0.3s ease-out;*/}
.e_segmentLi:not(.e_segmentOn).active { opacity:0.5; color:#000;}
.e_segmentOn { color:#fff; background:none; opacity:1;}

.e_flip { display:table; width:100%; min-height:0.6rem; table-layout:fixed;}
.e_flipDesc,
.e_flipReduce,
.e_flipValue,
.e_flipAdd { display:table-cell; vertical-align:middle;}
.e_flipDesc { padding:0.16rem; line-height:0.28rem;}
.e_flipReduce { width:0.6rem; position:relative; text-align:center;}
.e_flipReduce:before { display:inline-block; vertical-align:middle; width:0.5rem; height:0.5rem; line-height:0.5rem; border-radius:50%; background:#f7f7f7; font-family:"base"; content:"\e627"; font-size:0.3rem;}
.e_flipReduce:after { content:""; position:absolute; left:0.05rem; top:50%; margin-top:-0.25rem; width:0.5rem; height:0.5rem; border:1px solid #eee; box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:50%;}
.e_flipReduce.active:before { background:#cee6f4;}
.e_flipAdd { text-align:center; width:0.6rem; padding:0 0.13rem; box-sizing:border-box; -webkit-box-sizing:border-box; background:#f7f7f7; border-left:1px solid #eee;}
.e_flipAdd.active { background:#cee6f4;}
.e_flipAdd:before { display:inline-block; vertical-align:middle; font-family:"base"; content:"\e61c"; font-size:0.3rem;}
.e_flipValue { text-align:center; width:1rem; text-align:right; padding:0 0.18rem; color:#888; word-spacing:-0.05rem;}
.e_flipValue * { word-spacing:0;}
.e_flipSymbol,
.e_flipCount { color:#e40177;}
.e_flipInput { display:none;}
.e_flip .e_flipReduce,
.e_flip .e_flipCount,
.e_flip .e_flipSymbol { display:none;}
.e_flip-on .e_flipReduce { display:table-cell;}
.e_flip-on .e_flipCount { display:inline;}
.e_flip-on .e_flipSymbol { display:inline;}
.e_flipInfo { font-size:0.18rem; line-height:1.3; margin-top:0.05rem; color:#888;}
.e_flip-noprice .e_flipValue { width:0.4rem;}

.e_checkbox { display:inline-block; width:0.27rem; height:0.27rem; line-height:0.27rem; vertical-align:middle;}
.e_checkbox:before { font-family:"base"; font-size:0.27rem; content:"\e61b"; color:#eaeaea;}
.e_checkbox-checked:before { color:#8fc320;}
.e_checkbox-required { opacity:0.5;}

.e_mix { display:inline-block; overflow:hidden; width:3rem; vertical-align:top;}
.e_mix .e_button { float:right; margin-left:0.06rem; height:0.6rem; line-height:0.6rem; border-radius:0.08rem; padding:0 0.25rem; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; background:#f7f7f7; border:1px solid #ddd; box-shadow:inset 0 -0.02rem 0 0 #ddd; font-size:0.23rem;}
.e_mix .e_button-right { margin-left:-1px; border-top-left-radius:0; border-bottom-left-radius:0;}
.e_mix .e_input { display:block; overflow:hidden;}
.e_mix .e_input-left input[type="text"] { border-top-right-radius:0; border-bottom-right-radius:0;}
.e_mix input[type="text"] { border:1px solid #ddd !important; text-align:left !important; padding:0.18rem; border-radius:0.08rem; width:100%; height:0.6rem; line-height:0.23rem; font-size:0.23rem; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:inset 0 0.02rem 0 0 #ebebeb;}
.e_mix input[type="text"]::-webkit-input-placeholder { color:#ddd; line-height:0.23rem; height:0.23rem;}

.e_range { display:block; padding:0 0.35rem; position:relative;}
.e_rangeArea { position:relative; height:0.7rem; display:inline-block; width:100%;}
.e_rangeBg { display:block; background:#eee; margin-top:0.22rem; border-radius:0.04rem; position:absolute; top:0; left:0; right:0;}
.e_rangeBg span { display:block; height:0.26rem; background:#8fc320; border-radius:0.04rem; width:50%;}
.e_rangeBar { display:block; background:#eee; margin-top:0.22rem; border-radius:0.04rem;}
.e_rangeBar span { display:block; height:0.26rem; background:#8fc320; border-radius:0.04rem;}
.e_rangeHandle { position:absolute; margin-left:-0.35rem; text-align:center; left:0; top:0; height:0.7rem; width:0.7rem; background:#fff; border-radius:50%; border:0.06rem solid #8fc320; box-sizing:border-box; -webkit-box-sizing:border-box; color:#333;}
.e_rangeHadleMain { vertical-align:top; display:inline-block; margin-top:0.18rem;}
.e_rangeHadleSub { font-size:0.12rem; display:inline-block; vertical-align:top; margin-left:-0.04rem; margin-top:0.18rem;}

.e_shadow { box-shadow:0 0.02rem 0 rgba(0,0,0,0.1);}

.e_virtual { pointer-events:none;}
.e_hide { display:none;}
.e_nowrap { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}

.e_space { height:0.12rem; display:block;}
.e_imagePlaceHolder { position:relative; display:inline-block; width:4rem; height:2.25rem; background:#f7f7f7; border:1px solid #ddd;}
.e_imagePlaceHolder:before { position:absolute; left:50%; top:50%; content:"\e62a"; font-family:"base"; font-size:1rem; color:#ddd; margin-left:-0.5rem; margin-top:-0.5rem; width:1rem; height:1rem; line-height:1;}

/*component*/
.c_value { background:#8fc320; color:#fff; padding:0.12rem;}
.c_value .e_button { background:#fff; color:#8fc320;}
.c_value .tip { overflow:hidden;}
.c_value .tip .fn { float:right; margin-left:0.12rem;}
.c_value .tip .text { overflow:hidden; line-height:1.5;}
.c_value .value { text-align:center; padding:0.5rem 0;}
.c_value .value .main { display:inline-block; font-size:0.8rem; vertical-align:top; line-height:1;}
.c_value .value .sub { display:inline-block; font-size:0.14rem; vertical-align:top; line-height:1; margin-left:-0.23rem; left:0.14rem; position:relative;}
.c_value-error { background:#e40177;}
.c_value-error .e_button { color:#e40177;}

.c_box { box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); background:#fff; border:1px solid #ccc;}

.c_list { box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); line-height:1; border:1px solid #ccc; overflow:hidden; background:#fff;}
.c_list>ul { overflow:hidden; margin-bottom:-1px;}
.c_list>ul>li { overflow:hidden; position:relative; font-size:0.22rem; box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:1px solid #ccc; background:#fff;}
.c_list>ul>li.active { background:#cee6f4;}
.c_list>ul>li.active .sub,
.c_list>ul>li.active .content .pic { opacity:0.5;}
.c_list>ul>li .ico .e_bizIco { font-size:0.6rem;}
.c_list>ul>li .ico .e_bizIco:before { color:#333;}
.c_list>ul>li .ico [class^="e_ico"] { font-size:0.6rem;}
.c_list>ul>li .ico .text { margin-top:0.1rem; font-size:0.18rem;}
.c_list>ul>li .title { line-height:1.3; overflow:hidden;}
.c_list>ul>li .title.e_size-l { line-height:1;}
.c_list>ul>li .title .fn { float:right; margin-left:0.12rem;}
.c_list>ul>li .title .text { overflow:hidden;}
.c_list>ul>li .title-vbottom { line-height:1;}/*营业缴费*/
.c_list>ul>li .title-vbottom .text { margin-top:0.18rem;}
.c_list>ul>li .info { font-size:0.18rem; line-height:1.3; margin-top:0.05rem; color:#888;}
.c_list>ul>li .info textarea { border:0 none; resize:none; font-size:0.18rem; color:#888; width:100%; line-height:1.3;}
.c_list>ul>li .content { overflow:hidden; display:table; width:100%; vertical-align:middle; border-collapse:collapse; table-layout:fixed;}
.c_list>ul>li .content.active { background:#cee6f4;}
.c_list>ul>li .content .pic { display:table-cell; vertical-align:middle; text-align:center; width:1.2rem; border-right:1px solid #ccc;}
.c_list>ul>li .content .pic img { width:1.2rem; height:1.2rem;}
.c_list>ul>li .content .ico { display:table-cell; vertical-align:middle; text-align:center; width:0.9rem; border-right:1px solid #ccc; padding:0.18rem;}
.c_list>ul>li .content .ico .e_brandIco { font-size:0.9rem; line-height:0.34rem; height:0.34rem; vertical-align:middle;}
.c_list>ul>li .content .main { display:table-cell; vertical-align:middle; padding:0.18rem; line-height:1.3;}
.c_list>ul>li .content .main.active { background:#cee6f4;}
.c_list>ul>li .content .side { display:table-cell; width:1rem; padding:0.18rem; line-height:1.3; text-align:right; vertical-align:middle; color:#888;}
.c_list>ul>li .content .side-1 { width:0.5rem;}
.c_list>ul>li .content .side-2 { width:1.5rem;}
.c_list>ul>li .content .side-3 { width:2rem;}
.c_list>ul>li .content .side-date { width:1.1rem;}
.c_list>ul>li .content .label { display:table-cell; width:1.5rem; padding:0.16rem; line-height:0.28rem;}
.c_list>ul>li .content .label-3 { width:0.69rem;}
.c_list>ul>li .content .label-4 { width:0.92rem;}
.c_list>ul>li .content .label-5 { width:1.15rem;}
.c_list>ul>li .content .label-6 { width:1.38rem;}
.c_list>ul>li .content .label-max { width:auto;}
.c_list>ul>li .content .label-input { padding:0;}
.c_list>ul>li .content .label input[type="text"] { width:100%; border:0 none; font-size:0.22rem; line-height:0.28rem; height:0.28rem; padding:0.16rem 0.18rem;}
.c_list>ul>li .content .value { display:table-cell; line-height:0.22rem; text-align:right; padding-right:0.18rem; vertical-align:middle; color:#888;}
.c_list>ul>li .content .value .e_switch { margin-right:-0.12rem;}
.c_list>ul>li .content .value .e_segment { margin-right:-0.12rem;}
.c_list>ul>li .content .value .e_flip { margin-right:-0.18rem;}
.c_list>ul>li .content .value input[type="text"],.c_list>ul>li .content .value input[type="password"] { width:100%; background:transparent; border:0 none; font-size:0.22rem; line-height:0.22rem; height:0.6rem; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:right; color:#777;}
.c_list>ul>li .content .value input[type="range"] { margin-top:0.09rem; margin-left:0.05rem;}
.c_list>ul>li .content .value input[type="time"] { color:#888;}
.c_list>ul>li .content .value input[type="date"] { color:#888;}
.c_list>ul>li .content .value input[type="number"] { text-align:right; font-size:100%; color:#888; width:1rem; vertical-align:middle; border:0 none;}
.c_list>ul>li .content .value *::-webkit-input-placeholder { color:#ddd; line-height:0.28rem;}
.c_list>ul>li .content .value textarea { width:100%; background:transparent; resize:none; border:0 none; font-size:0.22rem; line-height:0.28rem; padding:0.16rem 0.18rem 0.16rem 0; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:right; color:#777;}
.c_list>ul>li .content .value select { width:100%; text-align:right;border: 1px solid #ccc; border-radius: 5px; height: 0.5rem; padding: 0.12rem;}
.c_list>ul>li .content .value option { text-align:right;}
.c_list>ul>li .content .value img { max-width:4rem; max-height:4rem;}
.c_list>ul>li .content .value.active .e_switchBar { background:#80c2e8;}
.c_list>ul>li .content>.fn { display:table-cell; width:0.6rem; padding:0 0.13rem; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:0.21rem; background:#f7f7f7; border-left:1px solid #eee; text-align:center; vertical-align:middle;}
.c_list>ul>li .content>.fn[rowspan] { width:0.8rem;}
.c_list>ul>li .content>.fn [class^="e_ico"] { font-size:0.3rem;}
.c_list>ul>li .content>.fn-off { background:transparent; border:0 none;}
.c_list>ul>li .content>.fn-2 { width:0.72rem;}
.c_list>ul>li .content>.fn-4 { width:1.18rem;}
.c_list>ul>li .content>.fn-text { width:0.8rem; font-size:0.21rem;}
.c_list>ul>li .content>.fn.active { background:#cee6f4;}
.c_list>ul>li .content .fn input[type="checkbox"] { font-size:0.3rem; height:0.3rem;}
.c_list>ul>li .content>.reduce { display:table-cell; vertical-align:middle; width:0.5rem;}
.c_list>ul>li .content>.reduce .e_ico-reduce { background:#f7f7f7; border-radius:50%; padding:0.1rem; font-size:0.3rem; border:1px solid #eee; box-sizing:border-box; -webkit-box-sizing:border-box;}
.c_list>ul>li .content>label { display:table-cell;}
.c_list>ul>li .content>label.active { background:#cee6f4;}
.c_list>ul>li .content .picValue { display:table-cell; text-align:right; padding:0.06rem; vertical-align:middle;}
.c_list>ul>li .content .picValue img { height:0.5rem; width:auto;}
.c_list>ul>li .content-vertical { display:block; padding:0.18rem; width:auto;}/*营销活动-详情*/
.c_list>ul>li .content-vertical .label { display:block; width:auto; padding:0;}
.c_list>ul>li .content-vertical .value { display:block; width:auto; text-align:left; margin-top:0.1rem; padding:0;}
.c_list>ul>li .content-vertical .value .e_mix { display:block; width:auto;}
.c_list>ul>li .content-vertical .value textarea { text-align:left; overflow:visible; padding:0; margin-top:-0.05rem; display:block; font-size:0.18rem; height:0.24rem; line-height:0.24rem;}
.c_list>ul>li .content-vertical .value textarea::-webkit-input-placeholder { padding:0; line-height:0.24rem;}
.c_list>ul>li .sub { display:table; background:#f7f7f7; font-size:0.18rem; line-height:1.3; padding:0.1rem 0.18rem; border-top:1px solid #ccc; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.c_list>ul>li .sub .main { display:table-cell; vertical-align:middle;}
.c_list>ul>li .sub .fn { display:table-cell; text-align:right; vertical-align:middle; padding-left:0.18rem;}
.c_list>ul>li .more { display:table-cell; color:#ddd; vertical-align:middle; text-align:left; width:0.36rem;}
.c_list>ul>li .more:before { font-family:"base"; content:"\e619"; font-size:0.25rem;}
.c_list>ul>li tr { border-bottom:1px solid #ccc;}
.c_list>ul>li tr:last-child { border:0 none;}
.c_list>ul>li.sp { color:#e40077;}
.c_list>ul>li.sp:before { content:""; position:absolute; right:-0.1rem; top:-0.1rem; width:0.2rem; height:0.2rem; background:#e40077; -webkit-transform:rotate(45deg);}
.c_list .subList { background:#f7f7f7; border-top:1px solid #ccc; font-size:0.18rem;}/*账单查询*/
.c_list .subList li { border-bottom:1px dashed #ccc;}
.c_list .subList li:last-child { border:0 none;}
.c_list .subList-readOnly .content { min-height:0.33rem;}
.c_list .subList-readOnly .content .main { padding-top:0; padding-bottom:0;}
.c_list .subList-readOnly .content .side { padding-top:0; padding-bottom:0;}
.c_list .subList-readOnly ul { padding-top:0.12rem; padding-bottom:0.12rem;}
.c_list .subList-readOnly li { border:0 none;}
.c_list .innerList { background:#f7f7f7; font-size:0.18rem; margin-top:0.18rem; border:1px solid #ccc;}
.c_list .innerList li { border-bottom:1px solid #ccc;}
.c_list .innerList li.active { background:#cee6f4;}
.c_list .innerList li:last-child { border:0 none;}
.c_list .innerList .main { padding:0.13rem !important;}
.c_list .innerList .side { padding:0.13rem !important;}
.c_list .innerList .fn { width:0.5rem !important;}
.c_list .innerList .fn.active { background:#cee6f4;}
/*col*/
*[class*="c_list-col"]>ul>li { border-right:1px solid #ccc;}
.c_list-col-3>ul>li { width:33.3%; float:left;}/*营业缴费/余额查询*/
.c_list-col-3>ul>li:nth-child(3n) { float:none; overflow:hidden; width:auto; border-right:0 none;}
.c_list-col-2>ul>li { width:50%; float:left;}/*开户-选号*/
.c_list-col-2>ul>li:nth-child(2n) { float:none; overflow:hidden; width:auto; border-right:0 none;}
.c_list-col-2 .col-2 { width:100%;}
.c_list-col-21>ul>li { width:66.6%; float:left;}/*营业缴费*/
.c_list-col-21>ul>li:nth-child(2n) { float:none; overflow:hidden; width:auto; border-right:0 none;}
/*euilateral*/
.c_list-euilateral.c_list-col-3 li,
.c_list-euilateral.c_list-col-3 li .content { height:1.52rem;}
.c_list-euilateral.c_list-col-21 li,
.c_list-euilateral.c_list-col-21 li .content { height:1.52rem;}
/*hasDistance*/
.c_list-hasDistance { box-shadow:none; border:0 none; background:transparent;}
.c_list-hasDistance>ul { border:0 none; padding-bottom:0.02rem;}
.c_list-hasDistance>ul>li { box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); border:1px solid #ccc; margin-top:0.12rem;}
.c_list-hasDistance>ul>li:first-child { margin-top:0;}
/*chart*/
.c_list .chart-1 { border-left:0.08rem solid #ff9523;}
.c_list .chart-2 { border-left:0.08rem solid #43a3df;}
.c_list .chart-3 { border-left:0.08rem solid #fbe103;}
.c_list .chart-4 { border-left:0.08rem solid #8fc320;}
.c_list .chart-5 { border-left:0.08rem solid #ff0096;}
.c_list .chart-6 { border-left:0.08rem solid #f57300;}
.c_list .chart-7 { border-left:0.08rem solid #00d8c6;}
.c_list .chart-8 { border-left:0.08rem solid #7080de;}
.c_list .chart-9 { border-left:0.08rem solid #c74be6;}
.c_list .chart-10 { border-left:0.08rem solid #ff5ce6;}

.c_table { box-shadow:0 0.02rem 0 rgba(0,0,0,0.1);}/*合约计划-商品详情*/
.c_table table { width:100%; border-collapse:collapse;}
.c_table table th { font-weight:normal; border:1px solid #ccc; background:#f7f7f7; line-height:1.3; padding:0.08rem 0.12rem;}
.c_table table td { font-weight:normal; border:1px solid #ccc; background:#fff; line-height:1.3; padding:0.08rem 0.12rem; word-break:break-all;}
.c_table table td.active { background:#cee6f4;}
.c_table table tbody th { text-align:left;}
.c_table-th-6 th { width:1.09rem;}

.c_title { padding:0 0.12rem; line-height:0.5rem; overflow:hidden;}
.c_title .text { float:left;}
.c_title .fn { float:right;}

.c_chart { position:relative; padding-bottom:0.4rem;}
.c_chart canvas { display:block; margin:0.4rem auto 0;}
.c_chart .value { width:3rem; height:3rem; margin:-3rem auto 0; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; padding-top:1.1rem;}
.c_chart .value .main { display:inline-block; font-size:0.7rem; vertical-align:top; line-height:1;}
.c_chart .value .sub { display:inline-block; font-size:0.14rem; vertical-align:top; line-height:1; margin-left:-0.23rem; left:0.14rem; position:relative;}
.c_chart .value .info { display:block; color:#999;}

.c_tab { overflow:hidden;}
.c_tab>.title { box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); border:1px solid #ccc; background:#fff;}
.c_tab>.title ul { display:table; width:100%; table-layout:fixed; border-collapse:collapse; box-sizing:border-box; -webkit-box-sizing:border-box;}
.c_tab>.title li { display:table-cell; border-left:1px solid #eee; text-align:center; height:0.6rem; line-height:0.6rem; vertical-align:middle; background:#fff; font-size:0.24rem;}
.c_tab>.title li:first-child { border-left:0 none;}
.c_tab>.title li.active:not(.on) { background:#eee;}
.c_tab>.title li .main { margin-top:-0.05rem;}
.c_tab>.title li .sub { opacity:0.6; margin-top:-0.35rem; margin-bottom:-0.1rem; font-size:0.18rem;}
.c_tab>.title .on { background:#8fc320; color:#fff; border-color:#78a713;}
.c_tab>.title-2 ul { width:200%;}
.c_tab>.title-3 ul { width:300%;}
.c_tab>.title-4 ul { width:400%;}
.c_tab>.title-5 ul { width:500%;}
.c_tab>.title-tall li { height:0.65rem;}
.c_tab>.pages .page { position:relative;}
.c_tab>.pages { -webkit-transition:left 0.4s ease-out; -webkit-transform-style:preserve-3d; position:relative; left:0; overflow:hidden;}
.c_tab>.pages-6 { width:600%;}
.c_tab>.pages-6 > div { float:left; width:16.6%;}
.c_tab>.pages-5 { width:500%;}
.c_tab>.pages-5 > div { float:left; width:20%;}
.c_tab>.pages-4 { width:400%;}
.c_tab>.pages-4 > div { float:left; width:25%;}
.c_tab>.pages-3 { width:300%;}
.c_tab>.pages-3 > div { float:left; width:33.3%;}
.c_tab>.pages-2 { width:200%;}
.c_tab>.pages-2 > div { float:left; width:50%;}
.c_tab>.pages-current-2 { left:-100%;}
.c_tab>.pages-current-3 { left:-200%;}
.c_tab>.pages-current-4 { left:-400%;}
.c_tab>.pages-current-5 { left:-500%;}

.c_chat { padding:0 0.15rem 0.15rem; overflow:hidden;}
.c_chat .u,
.c_chat .i { overflow:hidden; margin-top:0.15rem;}
.c_chat .head { float:right;}
.c_chat .head img { width:0.7rem; height:0.7rem; border-radius:50%;}
.c_chat .dialog { max-width:3rem; position:relative; margin-right:0.1rem; float:right; text-align:right;}
.c_chat .dialog:after { content:""; clear:both; height:0; display:block;}
.c_chat .dialog .info { font-size:0.16rem; color:#999; line-height:0.24rem;}
.c_chat .dialog .content { position:relative; display:inline-block; background:#29a6ee; padding:0.1rem 0.15rem; line-height:1.5; margin-top:0.03rem; border-radius:0.05rem; border:1px solid #1f95d8; color:#fff;}
.c_chat .dialog .content:after { content:""; position:absolute; right:-0.062rem; top:0.2rem; width:0.1rem; height:0.1rem; background:#29a6ee; border-top:1px solid #1f95d8; border-right:1px solid #1f95d8; -webkit-transform:rotate(45deg);}
.c_chat .u .head { float:left;}
.c_chat .u .dialog { float:left; margin:0 0 0 0.1rem; text-align:left;}
.c_chat .u .dialog .content { color:#333; background:#fff; border-color:#ddd;}
.c_chat .u .dialog .content:after { background:#fff; right:auto; left:-0.062rem; border:0 none; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}

.c_brandTab { box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); line-height:1; border:1px solid #ccc;}
.c_brandTab .tab ul { display:table; width:100%; table-layout:fixed; border-collapse:collapse;}
.c_brandTab .tab li { display:table-cell; height:0.65rem; vertical-align:middle; text-align:center; background:#fff; border-left:1px solid #eee;}
.c_brandTab .tab li:first-child { border-left:0 none;}
.c_brandTab .tab li.active { background:#cee6f4;}
.c_brandTab .tab .e_brandIco { width:1rem; line-height:0.65rem; height:0.65rem; font-size:1rem; vertical-align:middle; overflow:hidden;}
.c_brandTab .tab .gotone.on { background:#1f619e;}
.c_brandTab .tab .easyown.on { background:#188282;}
.c_brandTab .tab .mzone.on { background:#d99023;}
.c_brandTab .tab .mzone.on .e_brandIco:after { text-shadow:none; -webkit-text-shadow:none;}
.c_brandTab .tab .on .e_brandIco:before { color:#fff;}
.c_brandTab .tab .on .e_brandIco:after { color:#fff;}
.c_brandTab .tab .on.gotone { border-bottom-color:#1f619e;}
.c_brandTab .tab .on.easyown { border-bottom-color:#188282;}
.c_brandTab .tab .on.mzone { border-bottom-color:#d99023;}
.c_brandTab>.content { background:#fff; overflow:hidden;}
.c_brandTab .package { overflow:hidden; display:table; width:100%;}
.c_brandTab .package.active { background:#cee6f4;}
.c_brandTab .package .main { display:table-cell; vertical-align:middle; padding:0.18rem; font-size:0.22rem;}
.c_brandTab .package .more { display:table-cell; color:#ddd; vertical-align:middle; text-align:left; width:0.45rem;}
.c_brandTab .package .more:before { font-family:"base"; content:"\e619"; font-size:0.25rem;}
.c_brandTab .summary { padding-bottom:0.18rem;}
.c_brandTab .summary ul { display:table; table-layout:fixed; table-layout:fixed; width:100%;}
.c_brandTab .summary li { display:table-cell; padding:0.12rem 0; border-right:1px solid #ddd; text-align:center;}
.c_brandTab .summary li:last-child { border-right:0 none;}
.c_brandTab .summary li .ico { font-size:0.63rem; display:inline-block; vertical-align:middle;}
.c_brandTab .summary li .content { display:inline-block; vertical-align:middle;}
.c_brandTab .summary .value { white-space:nowrap;}
.c_brandTab .summary .value .main { display:inline-block; font-size:0.48rem; vertical-align:top; line-height:1; margin-right:0.05rem;}
.c_brandTab .summary .value .sub { display:inline-block; font-size:0.14rem; vertical-align:top; line-height:1; margin-left:-0.23rem; left:0.14rem; position:relative;}
.c_brandTab .summary .label { margin-top:0.05rem;}
.c_brandTab .detail { line-height:1.4; padding:0 0.18rem 0.18rem;}
.c_brandTab .packageTab { background:#1f619e; padding:0.05rem; margin-bottom:0.18rem;}/*合约计划-套餐*/
.c_brandTab .packageTab ul { background:rgba(255,255,255,0.8); border-radius:0.05rem; display:table; width:100%; table-layout:fixed; table-layout:fixed;}
.c_brandTab .packageTab li { display:table-cell; text-align:center; line-height:0.5rem; font-size:0.24rem;}
.c_brandTab .packageTab li:not(.on).active { background:rgba(0,0,0,0.1);}
.c_brandTab .packageTab .on { background:rgba(255,255,255,0.7); border-radius:0.05rem;}
.c_brandTab .packageTab-easyown { background:#188282;}
.c_brandTab .packageTab-mzone   { background:#d99023;}



.c_info { margin:0.18rem;}
.c_info>ul>li { margin-top:0.06rem; line-height:1.3;}



.c_tooltipPointer { position:relative; left:0.2rem; z-index:2; width:0.12rem; height:0.12rem; background:#f7f7f7; -webkit-transform:rotate(45deg); border-left:1px solid #ccc; border-top:1px solid #ccc;}
.c_tooltipContent { background:#f7f7f7; padding:0.12rem; border:1px solid #ccc; margin-top:-0.07rem;}



.c_toolTip { visibility:hidden; opacity:0; -webkit-transition:opacity 0.5s ease-out,visibility 0.5s ease-out; position:absolute; top:0.5rem; left:0; width:2.2rem; color:#fff;}
.c_toolTip>.pointer { position:absolute; left:50%; top:-0.06rem; margin-left:-0.06rem; z-index:2; width:0.12rem; height:0.12rem; background:#e40177; -webkit-transform:rotate(45deg);}
.c_toolTip>.content { background:#e40177; border-radius:0.05rem; padding:0.18rem;}
.c_toolTip>.content>.ico { width:0.5rem; height:0.5rem; background:#facce4; border-radius:50%; margin:0 auto; line-height:0.5rem; text-align:center; color:#e40177; font-size:0.32rem;}
.c_toolTip>.content>.ico [class^="e_ico"] { vertical-align:top;}
.c_toolTip>.content>.ico~.detail { margin-top:0.15rem;}
.c_toolTip>.content>.detail { line-height:1.5;}
.c_toolTip>.content>.submit { text-align:center; margin-top:0.2rem;}
.c_toolTip>.content>.submit .e_button { background:#fff; color:#e40177;}
.c_toolTip-view { visibility:visible; opacity:1;}
.c_toolTip-arrowLeft>.pointer { left:0.2rem; margin:0;}
.c_toolTip-arrowRight>.pointer { left:auto; margin:0; right:0.2rem;}
.c_toolTip-positionBottom>.pointer { top:auto; bottom:-0.06rem;}



.c_scroll { position:relative; overflow:hidden; box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); border:1px solid #ccc; background:#fff;}
.c_scroll:not(.c_scroll-mix) .c_article { border:0 none;}
.c_scroll:not(.c_scroll-mix) .c_list { border:0 none;}
.c_scroll-fixed { position:absolute; left:0; right:0; top:0.6rem; bottom:0; background:transparent; box-shadow:none;}
.c_scroll-mix { border:0 none;}
.c_scroll-mix .wrapper { padding:0 0.12rem;}


.c_formula { overflow:hidden; line-height:1; text-align:center;}
.c_formula .ul { display:inline-block;}
.c_formula .li { float:left; text-align:center;}
.c_formula .li .value { font-size:0.36rem;}
.c_formula .li .label { font-size:0.16rem; margin-top:0.03rem;}
.c_formula .symbol { float:left; line-height:0.55rem; margin:0 0.06rem; font-size:0.25rem;}



.c_submit { margin-top:0.12rem;}
.c_submit ul { display:table; text-align:center; width:100%; table-layout:fixed; border-collapse:collapse;}
.c_submit li { display:table-cell; padding:0 0.06rem;}
.c_submit li:first-child { padding-left:0;}
.c_submit li:last-child { padding-right:0;}
.c_submit .e_button { padding:0; width:100%;}
.c_submit .e_button-ok,
.c_submit .e_button-cancel,
.c_submit .e_button-red,
.c_submit .e_button-blue { width:100%;}



.c_tag { box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); line-height:1; border:1px solid #ccc; background:#fff; overflow:hidden;}
.c_tag ul { margin-top:-1px; position:relative; top:1px;}
.c_tag ul li { float:left; position:relative; white-space:nowrap; font-size:0.21rem; line-height:0.5rem; padding:0 0.5rem 0 0.15rem; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.c_tag .delete { position:absolute; right:0.1rem; top:0; color:#eee;}
.c_tag .delete:before { font-size:0.3rem; font-family:"base"; content:"\e61d"; display:inline-block; vertical-align:top;}
.c_tag .delete.active { color:#333;}



.c_picList:after { content:""; display:block; height:0; visibility:hidden; clear:both;}
.c_picList ul { margin-left:-0.12rem; margin-top:-0.12rem;}
.c_picList li { width:50%; float:left; margin-top:0.12rem;}
.c_picList li.active .pic { background:#b2daf1;}
.c_picList li.active .pic img { opacity:0.5;}
.c_picList li.active .text { background:#b2daf1;}
.c_picList li .wrapper { border:1px solid #ccc; margin-left:0.12rem; box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); position:relative;}
.c_picList li .pic { background:#fff; position:relative;}
.c_picList li .pic img { width:100%;}
.c_picList li .text { border-top:1px solid #ccc; background:#f7f7f7; padding:0.12rem;}
.c_picList li .text .title { font-size:0.21rem; line-height:1.3;}
.c_picList li .text .info { margin-top:0.05rem; line-height:1.3; color:#999;}
.c_picList li .net { position:absolute; right:0.12rem; bottom:0; text-shadow:-0.02rem 0rem 0 #fff;}
.c_picList li .net:before { font-family:"base"; content:"\e622"; font-size:0.6rem; color:#0085d0;}
.c_picList li .net:after { font-family:"base"; content:"\e624"; font-size:0.6rem; position:absolute; left:0; top:0; color:#e40077;}
.c_picList li .net span:before { font-family:"base"; content:"\e623"; font-size:0.6rem; position:absolute; left:0; top:0; color:#90c31f;}
.c_picList li .net-3g:before { content:"\e621";}
.c_picList li .net-3g:after { content:"\e620";}
.c_picList li .net-3g span:before { content:"\e61f";}
.c_picList li .price { position:absolute; left:0.12rem; top:0; background:#8fc320; color:#fff; font-size:0.24rem; line-height:0.36rem; padding:0 0.12rem;}
.c_picList li .price-no { background:#333;}
.c_picList li .price-no:before { content:"\7f3a\8d27";}
.c_picList li .pirce-sp:before { content:"\7279"; font-size:0.18rem; display:inline-block; width:0.26rem; height:0.26rem; vertical-align:top; margin-top:0.04rem; background:#fff; color:#e40177; border-radius:50%; line-height:0.28rem; text-align:center;}
.c_picList li .pirce-sp { background:#e40177;}

.c_slide .frame { border:1px solid #ddd; box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); overflow:hidden;}
.c_slide .frame li { float:left;}
.c_slide .frame img { width:100%;}
.c_slide .page { text-align:center; margin-top:0.12rem;}
.c_slide .page div { display:inline-block; width:0.1rem; height:0.1rem; border-radius:50%; background:#333; opacity:0.3; margin:0 0.05rem;}
.c_slide .page .on { opacity:1;}
.c_slide-col-4 .frame .wrapper { width:400%;}
.c_slide-col-4 .frame li { width:25%;}
.c_slide .frame li:last-child { overflow:hidden; width:auto; float:none;}

.c_article { border:1px solid #ddd; box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); padding:0.12rem; background:#fff; line-height:1.5; position:relative;}
.c_article .title { font-size:0.24rem;}
.c_article img { width:100%; margin:0.12rem 0;}
.c_article img:first-child { margin-top:0;}
.c_article hr { height:1px; display:block; background:#ddd; border:0 none; margin:0.12rem 0;}
.c_article-noborder { border:0 none; box-shadow:none; background:none;}

.c_opTip { position:absolute; width:0.5rem; height:0.5rem; background:#e40177; border-radius:50%; text-align:center;}
.c_opTip:before { position:relative; -webkit-animation:opTip 1s linear infinite; -webkit-transform-style:preserve-3d; font-family:"base"; content:"\e61e"; color:#fff; font-size:0.32rem; line-height:0.5rem;}
@-webkit-keyframes opTip
{
	0% { left:8px;}
	100% { left:-8px;}
}

.c_option { position:fixed; top:-6rem; -webkit-transition:all 0.5s ease-out; -webkit-transform-style:preserve-3d; left:0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; background:#f2f2f2; padding:0.12rem; border-bottom:1px solid #ddd; box-shadow:0 0.02rem 0 rgba(0,0,0,0.1);}
.c_option-view { top:0;}



.c_dialog { position:fixed; left:100%; -webkit-transition:-webkit-transform 0.3s ease-out; -webkit-transform-style:preserve-3d; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%; text-align:center; z-index:1000;}
.c_dialog:before { content:""; display:inline-block; height:100%; vertical-align:middle; width:1px; margin-right:-0.06rem;}
.c_dialog>.wrapper { text-align:left; vertical-align:middle; display:inline-block; width:4rem; margin:0 auto; padding:0 0.08rem 0.08rem; background:#0085d0; box-shadow:0 0.03rem 0.03rem rgba(0,0,0,0.3);}
.c_dialog>.wrapper>.title { height:0.6rem; line-height:0.6rem; overflow:hidden;}
.c_dialog>.wrapper>.title .text { color:#fff; font-size:0.21rem; padding:0 0.16rem; float:left;}
.c_dialog>.wrapper>.title .close { float:right; line-height:0.6rem; height:0.6rem; text-align:center; width:0.6rem;}
.c_dialog>.wrapper>.title .close:before { font-family:"base"; content:"\e625"; font-size:0.32rem; color:#fff;}
.c_dialog>.wrapper>.title .close.active { opacity:0.3;}
.c_dialog>.wrapper>.content { overflow:hidden; background:#fff;}
.c_dialog .submit { margin-top:0.08rem;}
.c_dialog .submit ul { display:table; text-align:center; width:100%; table-layout:fixed; border-collapse:collapse;}
.c_dialog .submit li { display:table-cell; padding:0 0.04rem;}
.c_dialog .submit li:first-child { padding-left:0;}
.c_dialog .submit li:last-child { padding-right:0;}
.c_dialog .submit .e_button,
.c_dialog .submit button { border:0 none; width:100%;}
.c_dialog .submit .e_button-cancel { background:#339dd9; color:#fff; box-shadow:inset 0 -0.02rem 0 0 #006aa6;}
.c_dialog .submit .e_button-cancel.active { background:#006aa6;}
.c_dialog .c_list { margin:-1px;}
.c_dialog .c_article { border:0 none;}
.c_dialog .c_dl { border:0 none;}
.c_dialog .c_spNum { border:0 none;}
.c_dialog-view { -webkit-transform:translate(-100%,0);transform:translate(-100%,0);}

.c_error { -webkit-transition:opacity 1s ease-out,visibility 1s; opacity:1; line-height:1.1; -webkit-transform-style:preserve-3d; position:absolute; top:0; left:0; width:100%; height:100%;}
.c_error .wrapper { position:absolute; width:5.3rem; left:50%; margin-left:-2.65rem; top:50%; margin-top:-6rem; text-align:center;}
.c_error .logo { top:0; position:relative; color:#fff;}
.c_error .dot:before { font-size:5.3rem; content:"\e607"; font-family:"base"; color:#e40077; position:relative; z-index:1;}
.c_error .sad { position:absolute; left:50%; margin-left:-0.33rem; top:4.6rem; text-indent:0; z-index:1;}
.c_error .sad:before { position:absolute; left:0; top:0; content:"\e626"; font-size:0.66rem; font-family:"base";}
.c_error .building { position:absolute; left:50%; margin-left:-0.33rem; top:4.6rem; text-indent:0; z-index:1;}
.c_error .building:before { position:absolute; left:0; top:0; content:"\e62d"; font-size:0.66rem; font-family:"base";}
.c_error .text { position:relative;}
.c_error .text .title { font-size:0.33rem; margin-top:0.4rem;}
.c_error .text .tip { font-size:0.16rem; margin-top:0.15rem; color:#888;}
.c_error .submit { margin:0.5rem auto 0; width:3rem;}
.c_error .submit ul { display:table; text-align:center; width:100%; table-layout:fixed; border-collapse:collapse;}
.c_error .submit li { display:table-cell; padding:0 0.06rem;}
.c_error .submit li:first-child { padding-left:0;}
.c_error .submit li:last-child { padding-right:0;}



.c_loading { position:absolute; width:100%; height:2rem; top:50%; margin-top:-1.5rem; text-align:center;}
.c_loading .pic { width:1.6rem; height:1.6rem; margin:0.3rem auto 0; background:url(../img/loading.gif) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%;}
.c_loading .text { margin-top:0.1rem; color:#333; font-size:0.24rem;}



.c_tip:after { content:""; display:block; height:0; visibility:hidden; clear:both;}
.c_tip .ico { float:left; margin-right:0.12rem; background:#fff; border-radius:50%; line-height:1; padding:0.03rem; font-size:0.6rem; box-shadow:0 1px 1px rgba(0,0,0,0.3);}
.c_tip .ico:before { font-family:"base"; content:"\e61b"; vertical-align:top; color:#8fc320;}
.c_tip .content { overflow:hidden;}
.c_tip .main { font-size:0.32rem; margin-top:0.05rem;}
.c_tip .sub { font-size:0.17rem; margin-top:0.05rem; color:#888;}

.c_dl { background:#fff; box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
.c_dl .wrapper { padding:0.67em;}
.c_dl ul { margin-top:0.18rem;}
.c_dl ul:first-child { margin:0;}
.c_dl ul>li { line-height:1.3; margin-top:0.05rem; overflow:hidden;}
.c_dl ul>li:first-child { margin-top:0;}
.c_dl .label { float:left; width:1.14rem; text-align:right;}
.c_dl .value { overflow:hidden; color:#888;}
.c_dl.e_size .label { width:1.52rem;}

.c_link .title { margin:0 -0.12rem; text-align:center; position:relative; color:#999;}
.c_link .title:before { content:""; position:absolute; width:100%; left:-50%; margin-left:-0.45rem; top:0.08rem; height:1px; background:#ccc;}
.c_link .title:after { content:""; position:absolute; width:100%; right:-50%; margin-right:-0.45rem; top:0.08rem; height:1px; background:#ccc;}
.c_link .content ul { display:table; table-layout:fixed; width:100%;}
.c_link .content li { display:table-cell; text-align:center; padding:0.12rem 0.06rem 0;}
.c_link .content .pic { border-radius:50%; position:relative; background:#fff; display:inline-block; width:0.64rem; height:0.64rem; line-height:0.64rem; font-size:0.4rem; box-shadow:0 0.01rem 0.01rem rgba(0,0,0,0.2);}
.c_link .content .pic:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.c_link .content .text { line-height:1.2; margin-top:0.1rem; font-size:0.14rem;}
.c_link .content li.active .pic { background:#eee;}

.c_spNum { border:1px solid #ccc; background:#fff; padding:0.2rem 0.2rem 0.3rem;}
.c_spNum .num { font-size:0.3rem;}
.c_spNum .info { overflow:hidden; margin-top:0.05rem;}
.c_spNum .info li { float:left; margin-right:0.18rem;}
.c_spNum .brand { margin-top:0.2rem; overflow:hidden; text-align:center;}
.c_spNum .brand li { float:left; width:33.33%; box-sizing:border-box; -webkit-box-sizing:border-box; border-left:1px solid #ddd;}
.c_spNum .brand li:first-child { border-left:0 none;}
.c_spNum .brand li .e_brandIco { opacity:0.2; overflow:hidden; font-size:0.9rem; height:0.4rem; line-height:0.4rem;}
.c_spNum .brand li .e_brandIco:before {}
.c_spNum .brand .on .e_brandIco { opacity:1;}



.c_editor { background:#fff; border:1px solid #ccc; box-shadow:inset 0 0.02rem 0 rgba(0,0,0,0.1);}
.c_editor textarea { border:0 none; width:100%; padding:0.18rem; background:transparent; box-sizing:border-box; -webkit-box-sizing:border-box; resize:none; height:3rem; font-size:0.18rem; line-height:1.5;}



.c_nodata { background:#fff; border:1px solid #ccc; color:#aaa; box-shadow:0 0.02rem 0 rgba(0,0,0,0.1); height:2rem; width:100%; display:table; box-sizing:border-box; -webkit-box-sizing:border-box;}
.c_nodata .wrapper { display:table-cell; text-align:center; vertical-align:middle;}
.c_nodata [class^="e_ico"] { font-size:0.8rem;}
.c_nodata .text { margin-top:0.18rem; font-size:0.21rem;}
.c_nodata button { }



.c_dropmenu { position:fixed; overflow:hidden; padding:0 0.04rem 0.06rem; z-index:100; top:-100rem; left:-100rem;}
.c_dropmenu ul { background:#fff; box-shadow:0 0.02rem 0.04rem rgba(0,0,0,0.3); position:relative;}
.c_dropmenu li { padding:0 0.18rem; line-height:0.5rem; font-size:0.18rem;}
.c_dropmenu li.active { color:#fff; background:#0085d0;}


.c_space { height:0.12rem;}



/*layout*/
.l_mt { margin-top:0.12rem;}
.l_omt { margin-top:-0.12rem;}
.l_ct { margin-top:-1px;}

.l_pagesWrapper { overflow:hidden;}
.l_page { -webkit-transition:left 0.4s ease-out; -webkit-transform-style:preserve-3d; position:relative; left:0; overflow:hidden;}
.l_page-5 { width:500%;}
.l_page-5 > div { float:left; width:20%;}
.l_page-4 { width:400%;}
.l_page-4 > div { float:left; width:25%;}
.l_page-3 { width:300%;}
.l_page-3 > div { float:left; width:33.33333333%;}
.l_page-2 { width:200%;}
.l_page-2 > div { float:left; width:50%;}
.l_page-current-2 { left:-100%;}
.l_page-current-3 { left:-200%;}
.l_page-current-4 { left:-400%;}
.l_page-current-5 { left:-500%;}

/* custome dialog */
.s-dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.s-dialog-show {
	visibility: visible;
}

.s-dialog-content {
	color: #fff;
	background: #0085d0;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.s-dialog-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.s-dialog-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.s-dialog .s-dialog-mainview{
	min-height: 1.15rem;
}

.s-dialog-content > .s-dialog-buttons{
	text-align: center;
	margin:0 auto;
}

.s-dialog-buttons button {
	border: none;
	padding: 3% 3%;
	background: #0085ff;
	color: #fff;
	letter-spacing: 1px;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
	margin: 0 0.05rem;
	font-size: 0.8em;
	box-shadow: 7px 7px 5px #216AAD;
	width:45%;
}

.s-dialog-buttons button:hover {
	background: #216AAD;
}

.s-dialog-buttons .s-dialog-ok{
	background: #92E818;
	box-shadow: 7px 7px 5px #78C30D;
}
.s-dialog-buttons .s-dialog-ok:hover{
	background: #78C30D;
}

.s-dialog-slip .s-dialog-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.s-dialog-show.s-dialog-slip .s-dialog-content {				
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	
	opacity: 1;
}

/*8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888
8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888
8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888
8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888
8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888*/

.c-refresh-container { position:absolute !important; top:0.62rem; bottom:0px; width:100%;}

[id*="c-refresh-wrapper"] { position:relative; overflow:auto;}
.m_wrapper { height:100%; overflow:auto; position:relative;}


/*下拉刷新*/
#pullDown, #pullUp {
	background:#fff;
	height:2.22em;
	line-height:2.22em;
	padding:0.28em 0.56em;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	color:#888;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	display:block; float:left;
	width:2.22em; height:2.22em;
	background:url(../img/pull.png) 0 0 no-repeat;
	-webkit-background-size:100% 100%; background-size:100% 100%;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-image:url(../img/pullLoading.png);
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}



/**场景演示-报表-界面样式**/
.fn-hide {
	display: none;
}
.mt-small {
	margin-top: 0.12rem;
}
.ptb-small {
	padding-top: 0.12rem;
	padding-bottom: 0.12rem;
}
.s_bs .bottom-middle {
	bottom: 0.22rem;
}
/**查询页**/
/**查询条件**/
.query-wrap {
}
.query-wrap .c_list {
	padding: 0.12rem;
}
.query-wrap .c_list>ul>li {
	border-bottom: none;
	position: relative;
}
.query-wrap .c_list>ul>li.less-more {
	display: none;
}
.query-wrap .c_list>ul>li .content .value input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 0.5rem;
	padding: 0.12rem;
}
.query-wrap .c_list>ul>li .content .value .e_button-ok {
	height: 0.5rem;
	line-height: 0.5rem;
}
.query-wrap .c_list>ul>li .content a {
	position: absolute;
    bottom: 0;
    padding-left: 0.22rem;
    color: #0085d0;
}
/**长按列表数据显示删除按钮**/
.c_list ul .press-wrap {
	position: absolute;
    right: 10px;
    top: 30px;
    z-index: 999;
}
.c_list ul .press-wrap .press-btn {
	padding: 0.12rem 0.22rem 0.12rem 0.22rem;
    color: white;
    background: #ccc;
}
.c_list ul .press-wrap .icon {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #ccc;
    left: 0.35rem;
    position: relative;
}
.c_list ul .press-active {
	background-color: rgba(117, 115, 115, 0.04);
}
/**加载更多或无数据的提示信息**/
.c_list ul li .msg {
	padding: 0.18rem;
    text-align: center;
}
/**固定滚动区域**/
.scroll-wrap {
	position: absolute;
    /* top: 0.6rem; */
    left: 0.12rem;
    right: 0.12rem;
    bottom: 0.22rem;
    overflow: hidden;
}
/**详情页**/
.detail .c_list>ul>li .content .value {
	padding: 0.18rem;
}

/**popup**/
.c_popup {display: none;}
.c_popup .text {font-size: 0.22rem;margin-bottom: 0.12rem;}
.c_popup .btn {margin-top: 0.12rem;}
.c_popup-view {display: block;}
.c_popup-view .wrapper {top: 1rem;margin-left: 5%;text-align: center;border: solid 1px;padding: 0.22rem;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);background: #fff;position: absolute;z-index: 100;width: 80%;}
.c_popup-view .e_space {width: 100%;height: 100%;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;background: #000;position: absolute;top: 0;left: 0;z-index: 99;}