@charset "utf-8";
/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
    background: #f5f5f5;
}

body {
    width: 100%;
    max-width: 480px;
    min-height: 100vh;
    margin: 0 auto;
    line-height: 1;
    font-size: 16px;
    font-family: Arial, "微软雅黑";
    word-break: break-all;
    word-wrap: break-word;
    background: #fff;
}

input,
select,
button,
textarea {
    margin: 0;
    padding: 0;
    font-size: 100%;
    color: inherit;
    border: 0;
    font-family: inherit;
    outline: none;
    resize: none;
}

input[type="text"] {
    -webkit-appearance: none;
}

ol,
ul {
    list-style: none;
}

img {
	
width: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.h10 {
    height: 10px;
    font-size: 0;
    line-height: 0;
    clear: both;
    background: #f5f5f5;
}

.clear {
    clear: both;
}

header {
    width: 100%;
    max-width: 480px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    border-bottom: solid 1px #eee;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 10;
}

header .tit {
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}

header .back {
    position: absolute;
    top: 0;
    left: 10px;
}

header .back span {
    width: 20px;
    height: 50px;
    vertical-align: top;
    display: inline-block;
    background: url(../style/back.png) center center no-repeat;
    background-size: 17px auto;
}

header .select {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-right: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

header .select-more {
    width: 30px;
    height: 50px;
    background: url(../images/serach.png) right center no-repeat;
    background-size: 100% auto;
}

header .select-box {
    display: none;
    width: 200px;
    max-width: 40vw;
    height: 100vh;
    overflow: auto;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 50px;
    right: 0;
}

header .select-box ul {
    color: #fff;
    text-align: center;
}

header .select-box ul li {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
}

header .img {
    height: 1.2rem;
    width: 1.1rem;
    position: absolute;
    top: 5px;
    right: 40px;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAADN0lEQVR42mL8//8/AzUAQACxSHb+lGdgZJoKZDuiyYFsYERigwArEH/+z8bqznZ3z1nuXVkMzCwsfYxMzHoAAcQCNGQyUNIbiFeAFEE1M2I3kJHpPyvLV+b3j15ynJ3EwMz4fzbQkBRGRsZFAAHEApS1ZPjPuA9IRzIw4vImE8N/VmaIF15cYuA+WMnD+v7qOkY2vkBGhn8zGP/+ygMIIJBBIBW/IY4HWoxsGCPQABZmBsa/fxlYnp5mYL++koHt/g4uln8/ljKw8fkx/v/Tx8DIWPJb3Pg/QACxIPmfAdmw/6ysDIy/fzOwPjjMwHF1EQPLk6MMjH++CzGxcS9lYOXyYPz3q5KBhaPjs1kVww+VIAaAAGLB8MV/oEFMLAxsD/YzsF+YxcD64jQDw1+gg1k4xJg4+DYAw8OS4d/vvP8snJM/23YyfFdy42b6+5cHIIAwDAJ5heX1FQbu3bkMjD8/Al3GBYwrNiVmZqZ1QEP0gSrygF6a/MW4hOGHkhsD058/9UCxYIAAYkEPVFAQcVycCTGEjQcYBIyaTExMW4C0AlBBNOOfH8t+S5ozfFcLBXodFBb/xYGhIQ0QQCyormFiYH18GBguO8EuAbkAaMhGIC0KlPYBqtgOioDvmnFAeTagQX+A4QlKGf//AwQQC3IMMf4DuubGCgamvz+AruHVYWZi2gWU4QBiXyDeB3QNAzCGGH7K2AMDHjWpAAQQE2oA/QNG9Q+gJUwMTIyMQkCRe0DsD5TYx/j7GzhGv+mmAS0Bmv3/L4pWgABiQTYEmGoZfqiFMbA82A0Moy+HGNi4rJn+/vrHwMQEdIkhw3edBIZfco5AL/3FiGyAAEIJI5CC3wrODF+d+4FpB5hcPt3590vSlOG7VgzDLxkboEs4oeGCkvrAACCAWFDyFSjKgJ79qRnM8FvRnYHx21uG/zziDP+AXmH88w+cQOEBAkpv/xB5ESCAQAb9A2cTkHFM/8HCIA2gWPsvwAOU/YswAMX5/6ExxgAy4y9AAIGIC0BBJ6BBM6G5HxIB/0Dh8BdfEQQMu/8cQIsDgOyLAAHEAgzkfGDUTwIKxDBg9T1OAAuSC0Bv5gMEGAAhfQIUt/4uMwAAAABJRU5ErkJggg==);

}
header .kai{
	 position: absolute;
    top: 10px;
    right: 10px;
    width: 70px;
    height: 40px;
	color: #5ca4ed;
}
header .img img {
    width: 30px;
    height: 30px;
}

.footer {
    width: 100%;
    max-width: 480px;
    height: 50px;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    color: #333;
    border-top: solid 1px #eee;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 9;
}

.footer ul {
    display: flex;
}

.footer ul li {
    flex: 1;
    width: 20%;
    height: 50px;
    padding-top: 7px;
    box-sizing: border-box;
}

.footer ul li.active {
    color: #0084ff;
}

.footer ul li img {
    width: 22px;
    margin-bottom: 2px;
}

.none {
    padding: 30px 20px;
    text-align: center;
}

.none-pic {
    margin-bottom: 10px;
}

.none-txt {
    color: #999;
}

.ts {
    padding: 15px 20px;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .9);
    background: rgba(0, 0, 0, .9);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99;
    margin: auto;
    transform: translateY(-50%);
    transform: translateX(-50%);
}

.zoom-big-img {
    position: fixed;
    z-index: -1;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.zoom-big-img .swiper-container2 {
    position: relative;
    width: 100%;
    height: 100%;
}

.zoom-big-img .swiper-container2 .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.zoom-big-img .swiper-slide {
    width: 100%;
    height: 100%;
    display: table;
}

.zoom-big-img .swiper-slide .cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.zoom-big-img .swiper-slide img {
    max-width: 98%;
    max-height: 100vh;
    margin: 0 auto;
}

.zoom-big-img .swiper-pagination2 {
    position: absolute;
    top: 10px;
    text-align: center;
    width: 100%;
}

.zoom-big-img .swiper-pagination2 span {
    margin: 0 3px;
}

.emoticon-img {
    width: 1.2em !important;
    height: auto !important;
    vertical-align: middle;
}

.dixian {
    padding: 20px 0;
    color: #999;
    text-align: center;
}

.piczoom-bg {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
}

.piczoom {
    height: 100vh;
}

.piczoom .swiper-slide {}

.piczoom .swiper-slide img {
    max-width: 98%;
    max-height: 98vh;
}




.clearfix{zoom: 0.95;  background: rgba(0, 0, 0, 100%); }
.clearfix:after{
  content:".";
  display: block;
 
  clear: both;
 
  
}
 
#main {
	width: 100%;
	margin:auto;
  color: #333333;
 max-width: 480px;
  position: fixed;
  z-index: 8;
  left: 0;
  right: 0;
  bottom: 10px;

 
 
}
.sel-row .sel-item {
  color: #4a92eb;
  border: 1px solid #4a92eb;
  border-radius: 50px;
  padding: 0px 5px;
  line-height: 30px;
  box-sizing: border-box;
  margin: 5px 5px 5px 0px;
  float: left;
  
}

.sel-row .sel-item.active {
  color: #fff;
  background-color: #5ca4ed;
}

.btn-row {
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  
}

.btn-row .small-btn {
  width: 40%;
  background-color: #f5f5f5;
  color: #000000;
  float: left;
  margin: 0px;
}

.btn-row .big-btn {
  width: 60%;
  background-color: #4a92eb;
  color: #fff;
  float: left;
  margin: 0px;
}


.newBackBtn {
    position: fixed;
	left: 3px;
    top: 50%;
    margin-top: -25px;
    width: 40px;
    height: 40px;
    z-index: 1;
    background-color: black;
    color: white;
    font-size: 40px;
    line-height: 45px;
    text-align: center;
    border-radius: 20px;
    opacity: 0.5;
    text-decoration: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyODQ3MEZCOEJBQzUxMUVBQjZBN0Y3NDdFMDIxMDU2QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODQ3MEZCOUJBQzUxMUVBQjZBN0Y3NDdFMDIxMDU2QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI4NDcwRkI2QkFDNTExRUFCNkE3Rjc0N0UwMjEwNTZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4NDcwRkI3QkFDNTExRUFCNkE3Rjc0N0UwMjEwNTZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KgtvfQAACGpJREFUeNrEWAtQlNcV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) no-repeat;
}