@charset "utf-8";
*{margin:0;padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
img{border:0;}
ul,ol,li{list-style:none;}
a{ text-decoration:none; outline:none; color:#333;}
a:hover{ color:#45a4bf}
body{font-size:14px; background:#fff;font-family:"Microsoft YaHei","微软雅黑";height:100%}
h1,h2,h3{ font-weight:normal}
.clear{padding:0; width:100%; height:1px; clear:both;}
.pd20{ padding:20px;}

.wrap{ max-width:720px;min-width:320px; margin:0 auto;height:100%}
.header{ border-bottom:2px solid #4f9eb4; padding-bottom:10px; text-align:center; margin-bottom:20px;}
.header img{ width:80%;}
.no-line{ border:0; margin:0;}

.main{ padding:10px;}
.paper-txt{ margin:20px 0;}
.paper-txt h3{ font-weight:bold; position:relative; font-size:18px; margin-bottom:10px;}
.paper-txt h3 a{ position:absolute; right:0;top:0; font-weight:normal; font-size:14px; color:#fff; background:#478fa3; border-radius:10px; padding:1px 5px;}
.list-item{ display:block;color:#333; font-weight:bold; font-size:16px;padding:10px 50px 10px 0; border-bottom:1px solid #478fa3;background:url(../Images/arr.png) no-repeat right center; background-size:30px;}
.list-item p{ margin-top:5px; font-size:14px; color:#999;font-weight:normal;}

.panel,.user-center{ border:1px solid #45a4bf; border-radius:5px; overflow:hidden; height:auto;}
.panel-hd{ background:#45a4bf; padding:5px; color:#fff; height:auto; overflow:hidden; font-size:16px;}
.t-top-hd-l{ float:left; padding-right:20px;background:url(../Images/arr2.png) no-repeat right center; margin-right:10px; background-size:auto 16px}
.panel-body{ padding:20px 10px; background:#dbf7ff; height:auto; overflow:hidden;}
.btn{ float:left; border:1px solid #45a4bf;border-radius:5px;width:106px; text-align:center; line-height:30px; margin-right:10px;}
.btnb{ float:left; border:1px solid #FF9900;border-radius:5px;width:106px; text-align:center; line-height:30px; margin-right:10px;}
.btn span{ display:block;background:#5cdbff;border:1px solid rgba(255,255,255,0.3);border-radius:3px; color:#000;font-size:18px; font-weight:bold;}
.btnb span{ display:block;background:#FFCC66;border:1px solid rgba(255,255,255,0.3);border-radius:3px; color:#000;font-size:18px; font-weight:bold;}
.btn-block{ width:100%; letter-spacing:10px;}
.t-top-btm p{ float:right; line-height:30px; font-weight:bold; font-size:16px; text-align:center;}
.t-top-btm p span{ color:#f30;}

.m-nav{ margin-top:20px; text-align:center;}
.m-nav a{ display:inline-block; width:30%; margin:0 1% 20px; font-size:18px;}
.m-nav a p{ width:70px; height:70px;border:1px solid #5cdbff; border-radius:50%; margin:0 auto 10px;background:url(../Images/i1.png?v=1.1) no-repeat center;background-size:35px}
.m-nav a.ico-2 p{background-image:url(../Images/i2.png?v=1.1);}
.m-nav a.ico-3 p{background-image:url(../Images/i3.png?v=1.1);}
.m-nav a.ico-4 p{background-image:url(../Images/i4.png?v=1.1);}
.m-nav a.ico-5 p{background-image:url(../Images/i5.png?v=1.1);}
.m-nav a.ico-6 p{background-image:url(../Images/i6.png?v=1.1);}
.m-nav a.ico-7 p{background-image:url(../Images/i7.png?v=1.1);border:0;background-size:100%;}
.m-nav a.ico-8 p{background-image:url(../Images/i8.png?v=1.1);border:0;background-size:100%;}
.m-nav a.ico-9 p{background-image:url(../Images/i9.png?v=1.1);border:0;background-size:100%;}



.user-center{ background:#dbf7ff; border-color:#23c0ff; padding:10px 20px;}
.user-center h3{ font-size:14px; border-bottom:1px solid #23c0ff; padding-bottom:5px; margin-bottom:5px;}
.user-center a{ display:block; padding:5px 0;}

.empaper-hd{background:#45a4bf;}
.empaper-hd a{color:#fff; position:absolute; margin-left:10px; top:10px; display:block;}
.empaper-hd h1{text-align:center;font-size:16px; padding:8px;color:#fff;}

.type-select{ padding:20px 0;}

.row{border-bottom:1px dashed #ddd;padding:10px 0;}
.row dt a{ background:url(../Images/i1.png) no-repeat 10px center; padding-left:30px; color:#45a4bf; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.row ul{ color:#999; padding-left:30px; line-height:1.6}
.box{ border:0;border-bottom:1px solid #333; height:40px; width:100%;-webkit-appearance: none; background:none; outline:none;}
.sbtn{ height:35px; width:80px; font-size:16px;background:#5cdbff;-webkit-appearance: none; outline:none; color:#fff; border:0; border-radius:5px; margin:0px 0px 0px 3px;}
#btn-submit{ float:right;}

.empaper-detail dl{ margin-bottom:15px; display:none;}
.empaper-detail dt{ font-size:16px; line-height:1.6;padding:10px; font-weight:bold;}
.empaper-detail dt i{ font-style:normal; background:#00c6ff; color:#fff; padding:1px 3px; border-radius:3px; font-weight:normal; font-size:12px; display:inline-block}
.empaper-detail dt a{ font-weight:normal;background:#888; display:inline-block;color:#fff; padding:2px 10px; font-size:12px; border-radius:5px;}

.empaper-detail dd{ padding:10px; padding-top:0;}
.empaper-detail dd p{ line-height:2;font-size:16px;}
.empaper-detail dd p.mycheck{color:#45a4bf;background:url(../Images/g.png) no-repeat left center; background-size:14px;}
.empaper-detail dd p.mywrite{color:#45a4bf;font-weight:bold;border-bottom:1px solid #039;}

.rd-con{ border-bottom:1px solid #5cdbff;}

.radio{ position:relative; padding-left:25px;}
.radio input[type="radio"]{ display:none;}
.radio i{display:block;width:14px; height:14px; border:2px solid #45a4bf; border-radius:50%; content:'';margin-right:10px; position:absolute; left:0;top:4px;}
.radio input[type="radio"]:checked + i{background-color: #45a4bf;box-shadow: inset 0 0 0 1px #fff;}

.chk{ position:relative; padding-left:25px;}
.chk input[type="checkbox"]{ display:none;}
.chk i{display:block;width:14px; height:14px; border:2px solid #45a4bf;content:'';margin-right:10px; position:absolute; left:0;top:4px;}
.chk input[type="checkbox"]:checked + i{background-color: #45a4bf;box-shadow: inset 0 0 0 1px #fff;}


.err{color:#ff3300;padding:5px 10px; display:none}
.empaper-ftm{border-top:1px solid #ddd; margin-top:20px; padding:20px 0; text-align:center; position:fixed; left:0;bottom:0; width:100%; background:#fff;}
.empaper-ftm b{ font-size:20px; color:#F30; background:url(../Images/sl.png) no-repeat left center; padding-left:40px; display:inline-block}
.empaper-ftm a{ font-size:16px;}
#timer{ position:fixed; right:10px;bottom:10px; z-index:999; width:80px;line-height:20px; text-align:center; border:1px solid #ddd; background:#fff}



.paper-over #timer{ display:none}
.paper-over #btn-submit{ display:none}
.paper-chekced .empaper-detail dl{ padding-right:50px; position:relative}
.paper-chekced .empaper-detail dl em{ position:absolute; right:0; top:0; display:block; height:30px; width:30px;}
.paper-chekced .empaper-detail dl em.r{ background:url(../Images/r.png) no-repeat center}
.paper-chekced .empaper-detail dl em.w{ background:url(../Images/w.png) no-repeat center}


.paper-over dd p{ padding-left:20px;}
.paper-over dl{ margin-bottom:0; display:block; position:relative;}
.paper-over .err{ display:block;}
.paper-over dl span.asw-tag{ position:absolute; right:20px; top:30%;background:no-repeat center; display:block; width:20px; height:20px; background-size:100%;}
.paper-over dl.ck0 span.asw-tag{ background-image:url(../Images/wr.png)} 
.paper-over dl.ck1 span.asw-tag{ background-image:url(../Images/rt.png)} 

.asw-top{ margin-top:10px; font-size:12px; border-bottom:1px solid #333; margin-bottom:10px; padding-bottom:10px;}

.tips{ background:url(../Images/t1.png) repeat-x bottom #45a4bf;color:#fff; padding:15px; padding-bottom:30px; color:#fff;line-height:1.6;}
.ft-btn {margin:10px 0 0; height:auto; overflow:hidden;}
.btn2{ background-color:#aaa; float:left; display:none; margin-right:10px;}
.btn3{ float:right;}
.r-btn{ background-color:#F30;}
.sbtn.selected{background:#ff3300;}

.mask{ width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:998; position:fixed; left:0; top:0;display:none;}
.opwin{ width:80%; top:15%;text-align:center; position:fixed; background:#fff; border-radius:10px; left:10%; z-index:999; display:none;}
.opwin h1{color:#000;text-align:center; font-size:20px; margin-bottom:20px;}
.opwin div{padding:10px; }
.opwin div img{ margin:0 auto; display:block; max-width:100%;}
.w-btn{font-size:40px; font-weight:100;color:#d8261c; position:absolute; cursor:pointer; right:5px; top:-10px;}

.text-center{ text-align:center;}
input.txt-box{ border:1px solid #ddd; height:35px; line-height:35px;border-radius:5px; outline:none; padding:0 5px;}
.search-box{ border-bottom:2px solid #45a4bf; padding-bottom:10px; margin-bottom:10px;}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table>thead>tr>th {
    vertical-align: bottom;
	padding: 8px;
    border-bottom: 2px solid #ddd; text-align:left;
}
.table>tbody>tr>td{
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd; font-size:12px
}

a.sbtn{ padding:0 5px; font-size:12px;}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav:after {
   clear: both;
   display: table;
   content: " ";
}

.main-top{ border-bottom:1px solid #ddd; padding-bottom:10px; height:30px;}
.zt{ float:left; width:60%;}
.zt a{ padding:0 5px; cursor:pointer; border:1px solid #333; margin-left:10px; font-size:12px;}
.zt a.on{ background:#000; color:#fff;}
.ft3 .empaper-detail dt{ font-size:20px}
.ft3 .empaper-detail dd p{ font-size:20px}

.ft1 .empaper-detail dt{ font-size:14px}
.ft1 .empaper-detail dd p{ font-size:14px}

.thtz{ float:right;}
.thtz a.sbtn{ font-size:14px; padding:2px 5px;}

.num-list{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; padding:10px;display:none;}
.num-list h1{ font-size:18px;border-bottom:1px solid #ddd; padding-bottom:10px;}
.num-list h1 a{ display:block; position:absolute;  right:10px; top:10px; height:20px; width:20px;background:url(../Images/c.png) no-repeat center; background-size:100%;}
.num-list div{  position:absolute; top:60px; bottom:10px; left:0; right:10px; overflow:auto;}
.num-list div a{ display:inline-block; cursor:pointer; font-size:18px; margin-left:10px;margin-bottom:10px; color:#45a4bf; width:40px; height:40px; text-align:center; line-height:40px; border-radius:50%; border:1px solid #45a4bf;}
.num-list div a.on{ background:#45a4bf; color:#fff;}

footer{ text-align:center; padding-top:40px; padding-bottom:10px; color:#999;}
.buy-pl{ height:auto; overflow:hidden; line-height:2;}
.buy-pl dl{ height:auto; overflow:hidden; width:100%; margin-bottom:10px;}
.buy-pl dt{ float:left; width:25%;}
.buy-pl dd{ float:right; width:75%;}
.buy-pl dd span{ color:#999;}

@media (max-width:340px){
	.btn{ width:90px;}
	.btn span{ font-size:16px;}
	.t-top-btm p{ font-size:14px;}
	.btn-block{ width:100%}
}