﻿/*tony维护*/
body { background:url(css/bg.jpg) center #F4EBDD;}

div.home { margin:100px 50px 0;}
div.home>a { z-index:10; position:relative; display:block; background-color:#4F91AA; width:100%; line-height:50px; margin-bottom:30px; border-radius:22px; color:#FFF; text-align:center; text-decoration:none; font-size:20px;}
div.home>span { z-index:1; position:fixed; bottom:0; left:0; background:url(css/bgimg.png) center bottom no-repeat; background-size:contain; width:100%; height:450px;}

.care { z-index:30001; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%;}
.care>p { position:absolute; top:50%; left:50%; background-color:#FFF; width:200px; height:100px; margin-left:-120px; margin-top:-70px; padding:20px; line-height:24px; border-radius:10px;}

.subscribe { margin:40px auto; text-align:center;}
.subscribe>span { display:block;}
.subscribe>img { display:block; width:200px; margin:5px auto; border:10px solid #FFF;}

.about { z-index:30000; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%;}
.about>p { position:absolute; top:50%; left:50%; background-color:#FFF; border-radius:10px;}
.about>p.notice { background-color:#CDF; width:300px; height:480px; margin-left:-160px; margin-top:-250px; padding:10px; font-size:18px;}
.about>p.wx { width:300px; height:400px; margin-left:-150px; margin-top:-200px; padding:0; text-align:center;}
.about>p.info { width:280px; height:160px; line-height:24px; margin-left:-140px; margin-top:-80px; padding:0; text-align:center;}
.about>p>a { display:inline-block; padding:0 8px; border-radius:5px; color:#4F91AA; text-decoration:none; font-weight:bold; font-size:16px;}
.about>p>a.btn { background-color:#4F91AA; line-height:30px; color:#FFF;}
.about>p>a.btn2 { line-height:48px;}

.nav { clear:both; padding:10px; text-align:center;}
.nav>b { background-color:#B5D0DB; padding:0 4px; color:#FFF;}
.nav>i { color:#999; font-style:normal;}
.nav>a { color:#4F91AA; text-decoration:none;}

.header>div { background-color:#4F91AA;}
.header>div>a.lang { display:none;}
.header>div>a.home { display:none;}
.header>div>a.back { display:none;}

.o_list { margin:20px;}
.o_list>a { display:block; margin-bottom:15px;}
.o_list>a>img { background-color:rgba(200,200,200,0.5); width:100%; min-width:100%; box-shadow:4px 4px 5px #666;}

dl.feed { margin:0; padding:20px;}
dl.feed>dd { z-index:1; position:relative; margin:0; margin-bottom:15px; padding:0;}
dl.feed>dd>i { display:none; position:absolute; top:8px; right:8px; background:url(css/ico.png) 0 -60px no-repeat; width:20px; height:20px; opacity:0.6;}
dl.feed>dd>input { width:93%; height:38px; padding:0 3%; border:1px solid #CCC; color:#CCC;}
dl.feed>dd>input.cur { color:#333;}
dl.feed>dd.num { z-index:1; position:relative; margin-bottom:20px;}
dl.feed>dd.num>input { width:100px; margin-right:28px; padding:0; text-align:center;}
dl.feed>dd.num>div { position:absolute; top:0; left:100px; background-color:#CCC; width:20px; height:40px;}
dl.feed>dd.num>div>a { display:block; width:100%; line-height:20px; text-align:center; font-weight:bold; font-size:16px;}
dl.feed>dd.num>div>a:last-child { border-top:1px solid #EEE;}
dl.feed>dd.num>div>a.no { color:#EEE;}
dl.feed>dd.num>b { line-height:36px; color:#4F91AA; font-size:16px;}
/*dl.feed>dd>span>input { display:none;}
dl.feed>dd>span>label { display:inline-block; background-color:#B5D0DB; width:9%; line-height:28px; border:1px solid #68A5BB; text-align:center; color:#4F91AA;}
dl.feed>dd>span>label.cur { background-color:#68A5BB; color:#FFF;}*/
dl.feed>dt>input { background-color:#4F91AA; width:99%; height:50px; margin-bottom:10px; border:0; border-radius:22px; color:#FFF; font-size:20px; letter-spacing:3px;}
dl.feed>dt>input.not { background-color:#AAA;}

.loc { margin-bottom:10px;}
.loc>i { background:url(css/ico.png) -80px 0 no-repeat #4F91AA; width:20px; height:20px; float:left; border-radius:50%; box-shadow:1px 2px 5px #333;}
.loc>span { display:block; margin-left:25px; color:#4F91AA;}

.holder { z-index:1; position:relative; width:100%; overflow:hidden;}
.holder>i { position:fixed; top:50%; display:block; background:center no-repeat; background-color:rgba(255,255,255,0.5); width:20px; height:40px; margin-top:-20px; border-radius:5px;}
.holder>i.left { left:0; background-image:url(css/leftward-black.gif);}
.holder>i.right { right:0; background-image:url(css/rightward-black.gif);}
.holder>div.boxs { width:200%; overflow-x:auto;}
.holder>div>.box { width:50%; float:left; overflow-y:auto;}
.holder>div>.box>div { padding:20px;}
.holder>div>.box>div>strong { display:block; text-align:center; font-size:16px;}
.holder>div>.box>div>img { display:block; width:80%; margin:auto;}
.holder>div>.box>div>table { width:100%; border-collapse:collapse; border-spacing:0;}
.holder>div>.box>div>p { text-indent:2em; line-height:22px;}
.holder>div>.box>div>u { display:block; margin:8px 0; padding:0; color:#855; text-decoration:none;}
.holder>div>.box>.notice { background-color:rgba(255,255,255,0.5); border-bottom:5px solid #4F91AA;}
.holder>div>.box>.notice>ol { margin:0; margin-left:20px; padding:0; color:#666;}
.holder>div>.box>.notice>ol>li { margin:5px 0; padding:0;}
.holder>div>.box>.notice>ol>li>p { margin:8px 0; padding:0; color:#855;}
.holder>div>.box>.notice>ol>li>img { display:block; width:80%; margin:auto;}

.o_info { padding:20px;}
.o_info>.notice { background-color:#FFF; margin-bottom:10px; padding:15px; border-radius:10px;}
.o_info>.notice>span { color:#4F91AA;}
.o_info>.notice>.title { float:left; font-size:18px; font-weight:bold;}
.o_info>.notice>.num { text-wrap:none; margin-left:5px; float:right;}
.o_info>.notice>.num>i { background:url(css/ico.png) -20px -60px no-repeat; width:20px; height:20px; float:left;}
.o_info>.notice>.info { display:inline-block; width:100%; margin-top:20px;}
.o_info>.notice>.info>b { display:block; margin-bottom:5px; color:#4F91AA; font-size:16px; font-weight:normal;}
.o_info>.notice>.info>select { background-color:#F6F6F6; height:30px; margin-bottom:10px; border:1px solid #999;}
.o_info>.notice>.info>.date { float:left; width:58%;}
.o_info>.notice>.info>.time { float:right; width:40%;}
.o_info>.notice>.info>.toll { width:100%;}
.o_info>span { display:block;}
.o_info>span.toll { margin:20px -20px -20px; text-align:center;}
.o_info>span.toll>i { opacity:0.5; display:block; background:url(css/bg2.png) center top no-repeat; height:100px;}
.o_info>span.toll>p { background-color:rgba(9,10,14,0.5); margin:0; padding:10px 0 30px; color:#FFF;}
.o_info>span.toll>p>a { display:inline-block; background-color:#68A5BB; line-height:36px; margin-top:8px; padding:0 10px; border-radius:5px; color:#FFF; text-align:center; text-decoration:none; font-size:16px;}

.o_query { margin:20px; padding-top:20px;}
.o_query>div { color:#4F91AA; text-align:center; font-size:20px; font-weight:bold;}

.u_list { margin:20px;}
.u_list>dl>dd { background-color:#FFF; margin:10px 0; padding:10px; border-radius:10px; line-height:24px;}
.u_list>dl>dd.overdue { background-color:#EEE; color:#999;}
.u_list>dl>dd>img { width:100px; height:100px; margin-top:10px; float:left;}
.u_list>dl>dd.overdue>img { background-color:#F6F6F6;}
.u_list>dl>dd>p { display:block; margin:0; margin-left:106px;}
.u_list>dl>dd>p>b { display:block; margin-top:5px; color:#4F91AA; font-size:16px;}
.u_list>dl>dd.overdue>p>b { color:#8FBBCB;}
.u_list>dl>dd>p>strong { display:block; line-height:20px; margin-bottom:5px; font-size:16px; font-weight:normal;}
.u_list>dl>dd>p>span { display:block; line-height:16px; font-size:14px;}
.u_list>dl>dd>p>span>i { white-space:nowrap; font-style:normal;}
.u_list>dl>dd>div { display:block; margin-top:5px; color:#09F; text-align:right;}
.u_list>dl>dd>div>a { display:inline-block; background-color:#4F91AA; width:64px; margin:2px; border-radius:10px; color:#FFF; text-align:center; text-decoration:none;}
.u_list>dl>dd>div>a:last-child { background-color:#999;}
.u_list>dl>dd.no { text-wrap:none; color:#999; text-align:center; font-size:16px;}
.u_list>dl>dd.no>span { display:block; margin-top:20px;}
.u_list>dl>dd.no>input { background-color:#4F91AA; width:50%; height:30px; margin-top:60px; border:0; border-radius:12px; color:#FFF;}

.tips { margin:10px 0;}
.tips>b { line-height:24px; color:#4F91AA; font-size:16px;}
.tips>p { line-height:20px; margin:0; padding:0; color:#666; text-indent:2em;}
.tips>span { display:block; margin-top:10px; color:#4F91AA;}

.r_list {}
.r_list>dl { background-color:rgba(0,0,0,0.1); margin:auto; padding:0;}
.r_list>dl>dd { height:90px; margin:0; padding:10px 8px;}
.r_list>dl>dd:nth-child(2n+1) { background-color:rgba(255,255,255,0.3);}
.r_list>dl>dd>img { width:118px; height:88px; float:left; border:1px solid #CCC;}
.r_list>dl>dd>a { display:block; margin-left:125px; text-decoration:none;}
.r_list>dl>dd>a>i { opacity:0.3; background:url(css/ico.png) -60px -40px no-repeat; width:20px; height:20px; margin-top:35px; margin-right:-8px; float:right;}
.r_list>dl>dd>a>b { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#4F91AA; font-size:16px;}
.r_list>dl>dd>a>p { height:72px; line-height:18px; margin:0; padding:0; overflow:hidden; color:#666;}

.r_info { padding:15px;}
.r_info>audio { display:block; width:100%; margin-bottom:10px;}
.r_info>.order { z-index:1; position:relative;}
.r_info>.order>a { position:absolute; right:0; background-color:#B5D0DB; width:36px; line-height:22px; border-radius:5px; color:#FFF; text-align:center; text-decoration:none; font-size:12px;}
.r_info>.order>a:hover { color:#FF9;}
.r_info>img { display:block; max-width:280px; margin:auto; border:5px solid #FFF;}
.r_info>strong { display:block; text-align:center; font-size:16px;}
.r_info>span { z-index:1; position:relative; display:block; line-height:20px; margin:3px auto 0; color:#4F91AA; text-align:center;}
.r_info>span>i { position:absolute; opacity:0.3; background:url(css/ico.png) -80px -40px no-repeat; width:20px; height:20px; margin-left:-20px;}
.r_info>span>a { position:absolute; top:0; right:0; opacity:0.5; background:url(css/ico.png) -80px -60px no-repeat; width:20px; height:20px; cursor:pointer;}
.r_info>span>a.pause { background-position-x:-100px;}
.r_info>p { line-height:24px; margin:12px 0;}
.r_info>p>strong { display:block; line-height:20px; font-weight:bold;}
