/*----------初始化----------*/
@media screen and (max-width: 319px) {
  html {
    font-size: 85.33333px; } }
@media screen and (min-width: 320px) and (max-width: 344px) {
  html {
    font-size: 85.33333px; } }
@media screen and (min-width: 345px) and (max-width: 359px) {
  html {
    font-size: 92px; } }    
@media screen and (min-width: 360px) and (max-width: 374px) {
  html {
    font-size: 96px; } }
@media screen and (min-width: 375px) and (max-width: 383px) {
  html {
    font-size: 100px; } }
@media screen and (min-width: 384px) and (max-width: 399px) {
  html {
    font-size: 102.4px; } }
@media screen and (min-width: 400px) and (max-width: 413px) {
  html {
    font-size: 106.66667px; } }
@media screen and (min-width: 414px) and (max-width: 479px) {
  html {
    font-size: 110.4px; } }
@media screen and (min-width: 480px) and (max-width: 639px) {
  html {
    font-size: 128px; } }
@media screen and (min-width: 640px) and (max-width: 767px) {
  html {
    font-size: 170.66667px; } }
@media screen and (min-width: 768px)  {
  html {
    font-size: 204.8px; } } 

html,body { 
	background: #fff;
	height: 100%;
	position: relative;
}
body{
	font-size: 0.16rem;
	/*max-width: 768px;
	margin: 0 auto;
    min-width: 320px;*/
	
}
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, dl, dt, dd, p, ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
em,i {
	font-style: normal;
}
legend{
	margin-bottom: 0;
	border-bottom: 0;
	text-align: center;
}
fieldset, figure{
	margin: 0;
}
a{
	color: inherit;
}
a:hover, 
a:focus {
    color: inherit;
}
/*----------初始化----------*/

/*----------清除amaze样式----------*/
.am-tabs-bd{
	border: none;
}
[data-am-widget='tabs'] {
    margin: 0px;
}
.am-tabs-bd .am-tab-panel{
	padding: 0;
}
.am-list-news-default{
	margin: 0;
}
/*.am-btn-group > .am-btn:first-child:not(:last-child):not(.am-dropdown-toggle) {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.am-btn-group > .am-btn:last-child:not(:first-child), .am-btn-group > .am-dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}*/
.am-badge{
	font-weight: 500;
	font-size: 0.12rem;
	padding: 0.5em 1em;
}
.am-badge-xs {
    padding: 0.1em .2em;
}
.am-badge-sm {
    padding: 0.3em .6em;
}
.am-badge-lg {
    padding: 0.7em 1.4em;
}
.am-badge-xl {
    padding: 0.9em 1.8em;
}
.am-btn{
	font-size: 0.16rem;
}
.am-btn-xs {
    padding: 0.1em .2em;
}
.am-btn-sm {
    padding: 0.3em .6em;
}
.am-btn-lg {
    padding: 0.7em 1.4em;
}
.am-btn-xl {
    padding: 0.9em 1.8em;
}
.am-list > li > a{
	/*color: #333;*/
	font-size: 0.14rem;
}
.am-list-border > li > a, .am-list-bordered > li > a {
    padding: 0px;
}
.am-form-group label{
	font-weight: 500;
}
.am-form-group label em{
	color: #e00000;
	margin-left: 0.03rem;
}
.am-form-group label i{
	margin-right: 0.05rem;
}
.am-form-horizontal .am-form-label, 
.am-form-horizontal .am-radio, 
.am-form-horizontal .am-checkbox, 
.am-form-horizontal .am-radio-inline, 
.am-form-horizontal .am-checkbox-inline{
	padding-top: 0.4em;
}
@media only screen and (max-width: 640px){

.am-datepicker {
    width: 92%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
}

.am-popup-hd .am-close{
	color: #000;
	opacity: .5;
}
.am-nav-tabs > li.am-active > a, 
.am-nav-tabs > li.am-active > a:hover, 
.am-nav-tabs > li.am-active > a:focus{
	border: none; 
}
.am-nav-tabs.am-nav-justify>li>a{
	border-bottom:none;
}
.am-nav-tabs{
	border-bottom:none;
}
.am-form-group{
	position: relative;
}
.am-figure-zoomable:after{
	content: '';
}
.am-figure-default{
	margin: 0;
}
.am-figure-default img{
	padding: 0;
	margin: 0;
	border: 0;
}
.am-margin-bottom-ml{
	margin-bottom: 16px;
}
.am-margin-top-ml{
	margin-top: 16px;
}
.am-paragraph-default{
	margin: 0;
}
.am-paragraph-default img{
	margin: 0px auto;
	border: 0;
	padding: 0px;
}
.am-slider .am-control-nav li a{
  width: .12rem;
  height: .12rem;
}
.layui-layer-btn a{
	font-size: .14rem;
}
/*----------清除amaze样式----------*/

/*----------公用样式----------*/
.pgcontainer{
	position: relative;
	height: 100%;
}
.content{	
	position: relative;
}
.header ~ .content{
	padding-top: .5rem;	
}
.footer ~ .content{
	padding-bottom: .7rem;	
}
.fixed-btn ~ .content{
	padding-bottom: .6rem;	
}
.fixed-page ~ .content{
	padding-bottom: .6rem;	
}
/*.content2{
	padding-top: 0.5rem;
	padding-bottom: 0.7rem;
	position: relative;
}*/
.vis-hid{
	visibility: hidden;
}
.info{
	padding: .15rem 4%;
	position: relative;
}
.info2{
	padding: .1rem 4%;
	position: relative;
}
.info3{
	padding: .05px 4%;
	position: relative;
}
.info4{
	padding: 0px 4%;
	position: relative;
}
.info img,
.info2 img,
.info3 img,
.info4 img{
	max-width: 100%;
}
.header-bar{
	position: relative;
	height: 0.5rem;	
	background-color: #ffffff;
	top: 0;
	color: #000;
	text-align: center;
	box-shadow: 0px 1px 3px rgba(156,156,156,.4);
}
.header-bar span{
	font-size: 0.18rem;
	line-height: 0.5rem;
	max-width: 2.32rem;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header-bar span img{
	width: 0.3rem;
	display: inline-block;
	position: relative;
}
.header-bar>a{
	position: absolute;
	color: #000;
	display: inline-block;
	top: 0.1rem;
	width: 0.3rem;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: center;
}
.header-bar>a i{
	font-size: 0.24rem;
}
.header-bar a.btn-left{
	left: 0.1rem;
}
.header-bar a.btn-right{
	right: 0.1rem;
}
.header-bar a.btn-right2{
	right: 0.45rem;
}
.header-bar>a em{
	font-size: .12rem;
	display: block;
	width: .16rem;
	height: .16rem;
	line-height: .16rem;
	background-color: #dd514c;
	color: #fff;
	position: absolute;
	top: -.03rem;
	right: -.03rem;
	border-radius: 50%;
}
.header-bar .logo{
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	position: absolute;
	left: 0.1rem;
	top: 0.1rem;
}

.header-bar2{
	display:-webkit-flex;
	display:flex;
	position:relative;
	-webkit-align-items:center;
	align-items:center;
	height:0.5rem;
	line-height: 0.05rem;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.header-bar2 .header-content{
	position:absolute;
	text-align:center;
	width:calc(100% - 1.7rem);
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	height:0.3rem;
	font-size:0.16rem;
	line-height:0.3rem;
	cursor:none;
	pointer-events:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}
.header-bar2 .header-i{
	color: #fff;
	font-size: 0.24rem;
}
.header-bar2 .header-il{
	margin-left: 0.15rem;
}
.header-bar2 .header-ir{
	margin-right: 0.15rem;
}
.header-bar2 .logo{
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
}


.header,
.footer,
.fixed-btn,
.fixed-page{
	width: 100%;
	position: fixed;
	left: 0px;
	z-index: 199;
}
.footer{
	height: 0.7rem;
	bottom: 0;
	background-color: #fff;
	box-shadow: 0px 1px 3px rgba(156,156,156,.4);
	border-top: 1px solid #eee;
}
.footer ul{
	display: flex;
}
.footer ul li{
	text-align: center;
	height: 0.7rem;
	padding-top: 0.08rem;
	font-size: 0.15rem;
	flex: 1;
}
.footer ul li a{
	color: #000;
	display: block;
}
.footer ul li a i{
	display: block;
	font-size: 0.24rem;
	margin-bottom: 0.02rem;
	line-height: 0.3rem;
}
.footer ul li:hover,
.footer ul li:focus{
	background-color: rgba(0,0,0,.5);
}
/*.footer ul li:hover a,
.footer ul li:focus a{
	color: #0075E3;
}*/
.fixed-btn{
	bottom: 0;
	background-color: #fff;
	box-shadow: 0px 1px 3px rgba(156,156,156,.4);
	height: .6rem;
	padding: .1rem 4% 0;
	border-top: 1px solid #eee;
	display: flex;

	
}
.fixed-btn a{
	display: block;
	background-color: #3b79d4;
	color: #fff;
	text-align: center;
	height: .4rem;
	line-height: .4rem;
	border-radius: .08rem;
	font-size: .17rem;
	flex: 1;
	margin: 0 .05rem;
}
.fixed-btn a i{
	margin-right: .08rem;
}
.fixed-page{
	bottom: 0;
	background-color: #fff;
	box-shadow: 0px 1px 3px rgba(156,156,156,.4);
	height: .6rem;
	padding: .1rem 4% 0;
	border-top: 1px solid #eee;
}
.fixed-page .am-pagination{
	margin: 0;
}

.fu-btn{
	position: fixed;
	bottom: .8rem;
	right: .2rem;
	z-index: 9999;
	width: .5rem;
	height: .5rem;
	line-height: .5rem;
	background-color: #d30000;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	font-size: .22rem;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(181, 25, 25, 0.8);
}

.gird{ 
	background-color:#fff;
}
.gird li{ 
	text-align:center; 
	padding:0.05rem 0; 
	/*border:1px solid #f8f8f8;*/
}
.gird li a .girdbox{ 
	color:#666; 
	position:relative;
	padding-top: 65%; 
	width:65%; 
	height:0; 
	margin:0 auto; 
}
.gird li a .girdbox .girdbg{
	width:100%; 
	height:100%; 
	position: absolute; 
	left: 0; 
	top: 0; 
	border-radius: 100%; 
	background:#0e72b8; 
	text-align:center;
}
.gird li a .girdbox .girdbg .girdicon i{ 
	font-size:0.26rem; 
	color:#fff; 
	display:block; 
	overflow:hidden; 
	margin:0px auto;
	position:absolute; 
	top:50%; 
	left:50%; 
	-webkit-transform:translate(-50%,-50%); 
	transform:translate(-50%,-50%); 
}
.gird li a .girdbox .girdbg .girdicon{ 
	position:relative; 
	width:100%; 
	height:100%;
}
.gird li a p{ 
	color:#666; 
	font-size:0.13rem;
	height: 0.24rem;
	line-height: 0.24rem;
}

.danye{
	word-break: break-all;
  text-align: justify;
  font-size: .14rem;
}

.danye img{
	width: 100%!important;
	height: auto!important;
}

.foot-btn,.foot-btn2{
	position: fixed;
	bottom: 0px;
	left: 0%;
	width: 100%;
	z-index: 299;
	padding:10px 20px;
	background:#fff;
	border-top:1px solid #e6e6e6;
  
}
.foot-btn .am-btn{
	border-radius: 10px;
	background: #0075E3;
}

.foot-btn2 .am-btn{
    width:48%;
    margin: 0;
    margin-right: 4%;
    border-radius: 10px;
	background: #0075E3;
	display: inline-block;
	
}
.foot-btn2 .am-btn:nth-child(2){
	margin-right: 0%;
	background: #ea6e0c;
}
.capsule{
	display:inline-flex;
	vertical-align:middle;
}
.capsule-tag{
	font-size:0.12rem;
	color:#666;
	vertical-align:middle;
	position:relative;
	display:inline-flex;
	align-items:stretch;
	-webkit-justify-content: center;
	justify-content:center;
	box-sizing:border-box;
	padding:0.06rem 0.07rem 0.05rem;
	line-height:1;
	background:#fff;
	text-align: center;
}
.capsule.am-round .capsule-tag:first-child {
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
}
.capsule.am-round .capsule-tag:last-child {
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
}
.capsule.am-radius .capsule-tag:first-child {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.capsule.am-radius .capsule-tag:last-child {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

.capsule-tag i{
	height:1em;
	width:1.4em;
	vertical-align:middle;
	position:relative;
}
.capsule-img li a{
	display: block;
	position: relative;
}
.capsule-img li a i{
	background:#dd514c;
	border-radius:100px;
	position:absolute;
	top:-0.05rem;
	right:-0.05rem;
	font-size:0.12rem;
	padding:0.03rem 0.05rem 0.02rem;
	color:#fff;
	vertical-align:middle;
	display:inline-flex;
	align-items:stretch;
	-webkit-justify-content: center;
	justify-content:center;
	box-sizing:border-box;
	line-height:1;
}
.capsule-img li a em{
	background:#dd514c;
	border-radius:50%;
	position:absolute;
	top:-0.05rem;
	right:-0.05rem;
	font-size:0.15rem;
	color:#fff;
	vertical-align:middle;
	display:inline-block;
	width: 0.24rem;
	height: 0.24rem;
	line-height: 0.24rem;
}

.form-f1{
	position: relative;	
}
.form-f1 label{
	position: absolute;
	left: 0;
	top: 0.05rem;
	font-size: 0.14rem;
}
.form-f1 .am-form-group{
	position: relative;
	padding-left: 0.8rem;
}
.form-login{
	position: relative;	
}
.form-login label{
	position: absolute;
	left: 0;
	top: 0.05rem;
	font-size: 0.14rem;
}
.form-login .am-form-group{
	position: relative;
	padding-left: 0.7rem;
}

.form-login input[type="text"], 
.form-login input[type="number"],
.form-login input[type="password"]{
	font-size: 0.14rem;
	border:0;
    color:#393939;
    background:none;      	
}
.form-login input[type="text"]:focus,
.form-login input[type="number"]:focus,
.form-login input[type="password"]:focus{	
	border: 1px #3bb4f2 solid;
}

.form-join{
	
}
.form-join .am-form-group{
	position: relative;
	margin-bottom: .1rem;
	padding-left: 1.2rem;
	border-bottom: 1px solid #bcbcbc;
	padding-bottom: .05rem;
}
.form-join .am-form-group.join-jt{
	padding-right: .2rem;
}
.form-join .am-form-group.join-jt:before{
	content: '\f054';
	display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
    font-size: .18rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 0rem;
    top: .1rem;
    color: #a3a3a3;
}
.form-join .am-form-group .am-form-label{
	position: absolute;
	top: .05rem;
	left: 0;
	font-size: .16rem;
	color: #030303;
	font-weight: 500;
}
.form-join .am-form-group .am-form-label em{
	color: #dd0000;
	margin-left: .02rem;
}
.form-join input[type="text"],
.form-join input[type="password"]{
	border-color: transparent;
}
.form-join input[type="text"]:focus,
.form-join input[type="password"]:focus{
	box-shadow:none;
	border-color: transparent;
}


#vld-tooltip {
	position: absolute;
	z-index: 1000;
	padding: 5px 10px;
	background: #F37B1D;
	min-width: 150px;
	color: #fff;
	transition: all 0.15s;
	box-shadow: 0 0 5px rgba(0,0,0,.15);
	display: none;
}

#vld-tooltip:before {
	position: absolute;
	top: -8px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -8px;
	content: "";
	border-width: 0 8px 8px;
	border-color: transparent transparent #F37B1D;
	border-style: none inset solid;
}
.newsview-title{
	padding-bottom: 0.08rem;
	border-bottom: 1px solid #ececec;
	position: relative;
}
.newsview-title h2 {
    margin: 0;
	width: 100%;
	line-height: 1.6;
	font-size: 0.16rem;
}
.newsview-title:before {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 1.6rem;
	height: 0.02rem;
	background: #e37915;
	content: "";    
}
.newsview-time{
	margin-bottom: 0.2rem;
	margin-top: 0.05rem;
}
.newsview-time span{
	color: #999;
    font-size: 0.13rem;
}
.distable{
	display: table;
	width: 100%;
}
.distable li{
	display:table-cell;
}

.newslist{
    width: 100%;
}
.newslist li{
	margin-left: 0;
    border-bottom: 1px solid #e0e0e0;
}

.newslist li a{
    position: relative;
    display: -webkit-box;
}
.newslist li .news-img{
	width: 0.96rem;
    height: 0.72rem;
    margin: 0.1rem 0.1rem 0.1rem 0px;
    text-align: center;
    border: 1px solid #eee;
    color: #1571c8;
}
.newslist li .news-img img{
	width: 0.96rem;
    height: 0.72rem;
}
.newslist li .news-main{
	-webkit-box-flex: 1;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;    	
}
.newslist li .news-main h3{
	color: #1571c8;
    font-size: 0.16rem;	
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}
.newslist li .news-main p{
	color: #777;
    font-size: 0.14rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newslist2{
    width: 100%;
}
.newslist2 li{
	margin-left: 0;
    border-bottom: 1px solid #e0e0e0;
}

.newslist2 li a{
	
}
.newslist2  .news-box{
	position: relative;
    display: -webkit-box;
}
.newslist2 li .news-img{
	width: 0.96rem;
    height: 0.72rem;
    margin: 0.05rem 0.1rem 0.1rem 0px;
    text-align: center;
    border: 1px solid #eee;
    color: #1571c8;
}
.newslist2 li .news-img img{
	width: 0.96rem;
    height: 0.72rem;
}
.newslist2 li .news-main{
	-webkit-box-flex: 1;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;    	
}
.newslist2 .news-t {
	color: #1571c8;
    font-size: 0.16rem;	
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}
.newslist2 .news-time{
	color: #8d8d8d;
	font-size: 0.13rem;
	display: block;
	text-align: right;
	margin-top: 0.03rem;
}
.newslist2 li .news-main p{
	color: #777;
    font-size: 0.14rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newslist3{
    width: 100%;
}
.newslist3 li{
	margin-left: 0;
    border-bottom: 1px solid #e0e0e0;
}

.newslist3 li a{
    position: relative;
    display: -webkit-box;
}
.newslist3 li .news-time{
	width: 0.68rem;
    height: 0.68rem;
    margin: 0.1rem 0.1rem 0.1rem 0px;
    text-align: center;
    border: 2px solid #1571c8;
    color: #1571c8;
}
.newslist3 li .news-time p{
    font-size: 0.24rem;
    line-height: 0.45rem;
    height: 0.35rem;
    margin: 0px;
    font-weight: bold;	
}
.newslist3 li .news-time span{
    font-size: 0.13rem;	
}
.newslist3 li .news-main{
	-webkit-box-flex: 1;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;    	
}
.newslist3 li .news-main h3{
	color: #1571c8;
    font-size: 0.16rem;	
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}
.newslist3 li .news-main p{
	color: #777;
    font-size: 0.14rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newlist4 li{
	border-bottom: 1px solid #bdbdbd;
	padding: .15rem 0;
	display: block;
}
.newlist4 li a{
	display: flex;
	display: -webkit-flex;
	
}
.newlist4 li:last-child{
	border-bottom:0
}
.newlist4 li img{
	width: 1.2rem;
	height: .9rem;
	display: inline-block;	
	margin-right: .15rem;
}
.newlist4 li .newmain{
	flex: 1;
	-webkit-flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center ;
}
.newlist4 li .newst{
	color: #262626;
	font-size: .16rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	font-weight: 500;
	margin-bottom: .05rem;
}
.newlist4 li .newsp{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #9b9b9b;
    font-size: .13rem;
}

.upload-photo{

}
.upload-photo li{
	margin-bottom: .07rem;
	padding: 0 .04rem;
	text-align: center;
	position: relative;
}
.upload-photo li img{
	width: 100%;
	height: .88rem;
	border: 1px solid #a3a3a3;
}
.upload-photo li span{
	display: block;
	width: 100%;
	height: .88rem;
	background: url(../img/photo2.png) no-repeat;
	background-size: 100% 100%;
	/*border: 1px solid #a3a3a3;*/
}
.upload-photo li span.p2{
	background: url(../img/photo.jpg) no-repeat;
	background-size: 100% 100%;
	border:none;
}
.upload-photo input[type="file"],.sub-photo-input{
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.upload-photo li i{
	width: .2rem;
	height: .2rem;
	line-height: .2rem;
	background: #e80000;
	border-radius : 50%;
	text-align: center;
	position: absolute;
	top: -.03rem;
	right: -.03rem;
	color: #fff;
	font-size: .13rem;
	z-index: 5;
}

.tabnav li a{
	display: block;
	font-size: .14rem;
	position: relative;
	color: #414141;
}
.tabnav li.am-active a,
.tabnav li.am-active a:focus{
	background-color: transparent;
	color: #3e6a88;
	/*border-bottom: 2px solid #3e6a88;*/
}
/*.tabnav li.am-active a:focus{
	background-color:transparent;
	color: inherit;
}*/
.tabnav li.am-active a:before{
	content: '';
	display: block;
	width: .72rem;
	height: .02rem;
	background-color: #3e6a88;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.tabnav li.am-active a:after{
	position: absolute;
	top:100%;
	left:calc(50% - .03rem);
  	border-style: solid;
	border-width: 0.06rem;    
	border-color: #3e6a88 transparent transparent transparent;
  	content: "";
}

.am-tabs-default .tabscroll{
	background-color: transparent;
}
.am-tabs-default .tabscroll li{
	padding: 0 .1rem .05rem;
}
.am-tabs-default .tabscroll > li a{
	font-size: .14rem;
	position: relative;
	color: #414141;
	overflow: inherit;
	min-width: .6rem;
	line-height: .34rem;
}
.am-tabs-default .tabscroll > .am-active a{
	background-color: transparent;
	color: #414141;
	
}
.am-tabs-default .tabscroll > li.am-active a:before {
	content: '';
	display: block;
	width: 80%;
	height: .02rem;
	background-color: #768832;
	position: absolute;
	bottom: 0;
	left: 10%;
	right: 0;
	margin: auto;
}
.am-tabs-default .tabscroll > li.am-active a:after {
	position: absolute;
	top: 100%;
	left: calc(50% - .03rem);
	border-top: 0.06rem solid #768832;
	border-left: 0.06rem solid transparent;
	border-right: 0.06rem solid transparent;
	content: "";
}

.title{
	width: 100%;
	height: 0.3rem;
	line-height: 0.3rem;
	position: relative;
	padding-left: 0.15rem;
	margin-bottom: 0.1rem;
}
.title h3{
	font-weight: 500;
	color: #000000;
}
.title:after{
	content: "";
	position: absolute;
	top: 0.1rem;
	left: 0;
	width: 0.4rem;
	height: 0.03rem;
	display: block;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	background-color: #0081ff;
}


.bg-img{
	background-size:cover;
	background-position:top;
	background-repeat:no-repeat;
}
.video-img{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.footer-bar{
	width: 100%;
	display: -webkit-flex;
	display:flex;
	position:relative;
	-webkit-align-items: center;
	align-items:center;
	justify-content:space-between;
	padding-bottom: 0.07rem;
	padding-top: 0.07rem;
	background: #fff;
}
.bar-item{
	font-size:0.14rem;
	position:relative;
	flex:1;
	text-align:center;
	padding:0;
	display:block;
	height:auto;
	line-height:1;
	margin:0;
	background-color:inherit;
	overflow:initial;
	color: #aaa;
}
.bar-item.on{
	color:#39b54a;
}
.bar-item .bar-i{
	font-size: 0.18rem;
	line-height: 0.2rem;
}
.bar-item .bar-t{
	margin-top: 0.05rem;
	line-height: 0.15rem;
}
.bar-item .num{
	border-radius:100px;
	position:absolute;
	top:0rem;
	right:0.03rem;	
	font-size:0.12rem;
	padding:0.01rem 0.05rem;
	color:#fff;
	vertical-align:middle;
	background:#dd514c;
	-webkit-transform: scale(0.8);    
    transform: scale(0.8);
	display: inline-block;
}
.bar-item .quan{
	border-radius:50%;
	position:absolute;
	top:0rem;
	right:0.1rem;	
	background:#dd514c;
	display: inline-block;
	width: 0.1rem;
	height: 0.1rem;
}

.bar-add{
	padding-top: 0.2rem;
}
.bar-add-btn{
	position: absolute;
	top: -0.26rem;
	left: 0;
	right: 0;
	text-align: center;
	background: inherit;
	display: block;
	width: 0.45rem;
	height: 0.45rem;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.08);
}

.bar-add-btn i{
	background-color:#39b54a;
	color:#fff;
	width: 0.35rem;
	height: 0.35rem;
	line-height: 0.35rem;
	border-radius: 50%;
	margin-top: 0.07rem;
	font-size: 0.19rem;
}
.bar-btn{
	-webkit-align-items: center;
	align-items:center;
	display: -webkit-flex;
	display:flex;
	-webkit-justify-content: center;
	justify-content:center;
	text-align:center;
	position:relative;
	flex:2;
	align-self:stretch;
	font-size: 0.15rem;
}
.bar-shop .bar-item{
	width: 0.7rem;
	flex:initial;
}
.bar-shop .bar-item{
	border-left: 1px solid #eee;
}
.bar-shop .bar-item:first-child{
	border-left:none;
}
.bar-shopbox{
	flex:1;
	display: -webkit-flex;
	display:flex;
	justify-content:space-around;
	-webkit-align-items: center;
	align-items:center;
	padding:0 0.05rem;
	border-left: 1px solid #eee;
}
.bar-shop-btn{
	position:relative;
	display: -webkit-inline-flex;
	display:inline-flex;
	-webkit-align-items: center;
	align-items:center;
	-webkit-justify-content: center;
	justify-content:center;
	box-sizing:border-box;
	padding:0 0.15rem;
	font-size:0.14rem;
	height:0.32rem;
	line-height:1;
	text-align:center;
	text-decoration:none;
	overflow:visible;
	margin-left:initial;
	transform:translate(0px, 0px);
	margin-right:initial;
}

.bar-infor{
	padding-right:0.1rem;
	padding-left:0.1rem;
	background-color:#fff;
	display: -webkit-flex;
	display:flex;
	position:relative;
	-webkit-align-items: center;
	align-items:center;
	min-height:0.5rem;
	justify-content:space-between;
	width: 100%;
}
.bar-infor-i{
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items:center;
	height:100%;
	-webkit-justify-content: center;
	justify-content:center;
	max-width:100%;
	font-size:0.19rem;
	color:#8799a3;
}
.bar-infor-input{
	line-height:0.32rem;
	height:0.32rem;
	min-height:0.32rem;
	-webkit-flex: 1;
	flex:1;
	font-size:0.15rem;
	margin:0 0.15rem;
	border: 0;
	border-bottom: 1px solid #dedede;
	width: 100%;
}
.bar-infor-input:focus{
	outline:none;	
}
.bar-infor-btn{
	position:relative;
	display: -webkit-inline-flex;
	display:inline-flex;
	-webkit-align-items: center;
	align-items:center;
	padding:0 0.15rem;
	font-size:0.14rem;
	height:0.32rem;
	line-height:1;
	text-align:center;	
	border-radius:5px;
	margin-left: 0.15rem;
	overflow:initial;
}
.bar-infor-img{	
	display: -webkit-flex;
    display: flex;
	text-align:center;
	-webkit-justify-content: center;
	justify-content:center;
	-webkit-align-items: center;
	align-items:center;
	background:#ccc;
	color:#fff;
	white-space:nowrap;
	position:relative;
	width:0.32rem;
	height:0.32rem;
	background-size:cover;
	background-position:center;
	vertical-align:middle;
	border-radius: 50%;
	margin-right: 0.15rem;
}

.searchbar-box{
	display: -webkit-flex;
	display:flex;
	position:relative;
	-webkit-align-items: center;
	align-items:center;
	min-height:0.5rem;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	padding: 0 0.1rem;

}
.searchbar-form{
	background:#f5f5f5;
	line-height:0.32rem;
	height:0.32rem;
	font-size:0.12rem;
	color:#666;
	flex:1;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items:center;
	margin-right:0.1rem;
	border-radius: 6px;
}
.searchbar-form .searchbar-form-i{
	margin: 0 0.1rem;
	font-size: 0.16rem;
}
.searchbar-form .searchbar-form-input{
	flex:1;
	padding-right:0.2rem;
	height:0.32rem;
	line-height:0.32rem;
	font-size:0.13rem;
	border: 0;
    background: inherit;
    border-radius: 3px;
}
.searchbar-form .searchbar-form-input:focus{
	outline: none;
}
.searchbar-box .searchbar-btn{
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items:center;
	height:100%;
	-webkit-justify-content: center;
	justify-content:center;
	max-width:100%;
}
.searchbar-box .searchbar-btn .searchbar-btn-ss{
	position:relative;
	display: -webkit-inline-flex;
	display:inline-flex;
	-webkit-align-items: center;
	align-items:center;
	-webkit-justify-content: center;
	justify-content:center;
	padding:0 0.15rem;
	font-size:0.14rem;
	height:0.32rem;
	line-height:1;
	text-align:center;
	text-decoration:none;
	overflow:visible;
	margin-left:initial;
	transform:translate(0px, 0px);
	margin-right:initial;
	border-radius: 3px;
}
.searchbar-box .searchbar-btn .searchbar-btn-ll{
	position:relative;
	display: -webkit-inline-flex;
	display:inline-flex;
	-webkit-align-items: center;
	align-items:center;
	-webkit-justify-content: center;
	justify-content:center;
	font-size:0.14rem;
	height:0.32rem;
	line-height:1;
	border: 0;
}
.searchbar-box .searchbar-btn .searchbar-btn-ll:focus{
	outline: 0;
}
.searchbar-img{	
	display: -webkit-flex;
    display: flex;
	text-align:center;
	-webkit-justify-content: center;
	justify-content:center;
	-webkit-align-items: center;
	align-items:center;
	background:#ccc;
	color:#fff;
	white-space:nowrap;
	position:relative;
	width:0.32rem;
	height:0.32rem;
	background-size:cover;
	background-position:center;
	vertical-align:middle;
	border-radius: 50%;
	margin-right: 0.1rem;
}

.bar-group{
	justify-content:space-around;
	display:flex;
	position:relative;
	align-items:center;
	min-height:0.5rem;

}
.bar-group .bar-group-btn{
	flex:1;
	margin:0 0.1rem;
	max-width:50%;
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	text-align:center;
	text-decoration:none;
	overflow:visible;
	padding:0.08rem 0.16rem;
}
.timeaxis{
	font-size: 0.14rem;
	padding-left: 0.3rem;
	position: relative;
}
.timeaxis-list{
	padding:.15rem .15rem .15rem .3rem;
	border-left: 1px solid #ddd;
	position: relative;

}
.timeaxis .timeaxis-view{
	padding:0.15rem 0.15rem;
	border-radius:6px;
	display:block;
	line-height:1.6;
	margin-top: .1rem;
}
.timeaxis .timeaxis-view:first-of-type{
	margin-top: 0rem;
}
.timeaxis .timeaxis-icon{
	position: absolute;
	left: -0.06rem;
	top: 0.15rem;
	font-size: 0.15rem;
	color: #888;
}
.timeaxis .timeaxis-time{
	color: #888;
	font-size: 0.12rem;
	position: relative;
	left: -0.18rem;
}
.file-img{
	display: block;
	position: relative;
}
.file-img>img{
	width: 100%;
	height: 100%;
	display: block;
}
.file-img input[type="file"]{
	display: none;
}

.sub-banner img{
	width: 100%;
}
/*----------公用样式----------*/

/*----------聊天室----------*/
.chat-box{
	display: -webkit-flex;
	display:flex;
	flex-direction:column;
	background:#f1f1f1;
	padding-bottom: .5rem;
}
.chat-item{
	display: -webkit-flex;
	display:flex;
	padding:0.15rem 0.15rem 0.4rem 0.15rem;
	position:relative;
}
.chat-item.chat-self{
	justify-content:flex-end;
	text-align:right;
}
.chat-item>.chat-main{
	max-width:calc(100% - 1.3rem);
	margin:0 0.2rem;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items:center;
}
.chat-item>.chat-main img{
	width: 100%;
	border-radius: 3px;
}
.chat-item>.chat-main .chat-content{
	background:#fff;
	padding:0.1rem;
	border-radius:3px;
	display: -webkit-inline-flex;
	display:inline-flex;
	max-width:100%;
	-webkit-align-items: center;
	align-items:center;
	color:#666;
	font-size:0.15rem;
	position:relative;
	min-height:0.4rem;
	line-height:0.2rem;
	text-align:left;
}
.chat-item>.chat-main .chat-content::after {
	content: "";
	top: 0.12rem;
	transform: rotate(180deg);
	position: absolute;
	z-index: 100;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-bottom: 0.08rem solid transparent;
	border-top: 0.08rem solid transparent;
	overflow: hidden;
	border-right-color: #fff;
	border-left: 0.08rem solid #333;
	border-right: 0 dotted;
	border-left-color: #fff;
	left: -0.07rem;
	right: initial;
}
.chat-item.chat-self>.chat-main .chat-content::after {
	left: auto;
	right: -0.07rem;
	border-right: 0.08rem solid #fff;
	border-left: 0 dotted;
}

.chat-item.chat-self>.chat-main .bgc-green.chat-content::after {
    border-right-color: #39b50a;
}
.chat-img{
	width: 0.4rem;
	height: 0.4rem;
	display:inline-block;
	text-align:center;	
	white-space:nowrap;
	position:relative;	
	background-size:cover;
	background-position:center;
	vertical-align:middle;
	font-size:0px;
	border-radius:3px;
}
.chat-item .chat-date{
	position:absolute;
	font-size:0.12rem;
	color:#aaa;
	width:calc(100% - 1.6rem);
	bottom:0.1rem;
	left:0.8rem;
	display: block;
}
.chat-info{
	display:inline-block;
	margin:0.1rem auto;
	font-size:0.12rem;
	padding:0.04rem 0.06rem;
	background-color:rgba(0, 0, 0, 0.2);
	border-radius:3px;
	color:#fff;
	max-width:2rem;
	line-height:1.4;
}
.chat-item .chat-action{
	padding:0 0.1rem;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items:center;
}

.ui-feeds {
	width:100%;
	overflow:hidden
}
.ui-feeds>ul {
	height:auto;
	overflow:hidden;
	margin:0 -1px
}
.ui-feeds>ul>li {
	display:block;
	height:auto;
	float:left;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1px;
	position:relative
}
.ui-feeds>ul>li>span {
	display:block;
	width:100%;
	padding-top:100%;
	background-position:center;
	-webkit-background-size:100% auto;
	background-size:100% auto;
	background-color:#ccc;
	background-repeat: no-repeat;
}
.ui-feeds>ul>li:first-child:nth-last-child(1),.ui-feeds>ul>li:first-child:nth-last-child(1) ~ li {
	width:100%;
	max-height:3.75rem;
	max-height:100vw
}
.ui-feeds>ul>li:first-child:nth-last-child(1) img,.ui-feeds>ul>li:first-child:nth-last-child(1) ~ li img {
	display:block;
	width:100%;
	height:auto
}
.ui-feeds>ul>li:first-child:nth-last-child(2),.ui-feeds>ul>li:first-child:nth-last-child(2) ~ li {
	width:50%
}
.ui-feeds>ul>li:first-child:nth-last-child(3),.ui-feeds>ul>li:first-child:nth-last-child(3) ~ li {
	width:50%
}
.ui-feeds>ul>li:first-child:nth-last-child(3) {
	width:100%;
	padding-bottom:2px
}
.ui-feeds>ul>li:first-child:nth-last-child(3):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(3)>span {
	padding-top:75%
}
.ui-feeds>ul>li:first-child:nth-last-child(3) ~ li {
	width:50%
}
.ui-feeds>ul>li:first-child:nth-last-child(3) ~ li>span {
	padding-top:100%;
	position:relative
}
.ui-feeds>ul>li:first-child:nth-last-child(4),.ui-feeds>ul>li:first-child:nth-last-child(4) ~ li {
	width:50%
}
.ui-feeds>ul>li:first-child:nth-last-child(4) {
	width:100%;
	padding-bottom:2px
}
.ui-feeds>ul>li:first-child:nth-last-child(4):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(4)>span {
	padding-top:75%
}
.ui-feeds>ul>li:first-child:nth-last-child(4) ~ li {
	width:33.3%
}
.ui-feeds>ul>li:first-child:nth-last-child(4) ~ li>span {
	padding-top:100%
}
.ui-feeds>ul>li:first-child:nth-last-child(5),.ui-feeds>ul>li:first-child:nth-last-child(5) ~ li:nth-child(2) {
	width:50%;
	padding-bottom:2px
}
.ui-feeds>ul>li:first-child:nth-last-child(5):after,.ui-feeds>ul>li:first-child:nth-last-child(5) ~ li:nth-child(2):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(5)>span,.ui-feeds>ul>li:first-child:nth-last-child(5) ~ li:nth-child(2)>span {
	padding-top:100%
}
.ui-feeds>ul>li:first-child:nth-last-child(5) ~ li {
	width:33.3%
}
.ui-feeds>ul>li:first-child:nth-last-child(5) ~ li>span {
	padding-top:100%
}
.ui-feeds>ul>li:first-child:nth-last-child(6) {
	width:66.666%;
	padding-bottom:1px
}
.ui-feeds>ul>li:first-child:nth-last-child(6):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(6)>span {
	padding-top:100.3%
}
.ui-feeds>ul>li:first-child:nth-last-child(6) ~ li {
	width:33.3%
}
.ui-feeds>ul>li:first-child:nth-last-child(6) ~ li>span {
	padding-top:100%
}
.ui-feeds>ul>li:first-child:nth-last-child(6) ~ li:nth-child(2) {
	padding-bottom:2px;
	width:33.333%
}
.ui-feeds>ul>li:first-child:nth-last-child(6) ~ li:nth-child(2):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(6) ~ li:nth-child(2)>span {
	padding-top:100.15%
}
.ui-feeds>ul>li:first-child:nth-last-child(6) ~ li:nth-child(3) {
	padding-bottom:2px;
	width:33.333%
}
.ui-feeds>ul>li:first-child:nth-last-child(6) ~ li:nth-child(3):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(6) ~ li:nth-child(3)>span {
	padding-top:100.15%
}
.ui-feeds>ul>li:first-child:nth-last-child(6) ~ li:nth-child(4) {
	clear:both
}
.ui-feeds>ul>li:first-child:nth-last-child(7) {
	width:100%;
	padding-bottom:2px
}
.ui-feeds>ul>li:first-child:nth-last-child(7):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(7)>span {
	padding-top:75%
}
.ui-feeds>ul>li:first-child:nth-last-child(7) ~ li:nth-child(2),.ui-feeds>ul>li:first-child:nth-last-child(7) ~ li:nth-child(3),.ui-feeds>ul>li:first-child:nth-last-child(7) ~ li:nth-child(4) {
	padding-bottom:2px
}
.ui-feeds>ul>li:first-child:nth-last-child(7) ~ li:nth-child(2):after,.ui-feeds>ul>li:first-child:nth-last-child(7) ~ li:nth-child(3):after,.ui-feeds>ul>li:first-child:nth-last-child(7) ~ li:nth-child(4):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(7) ~ li {
	width:33.3%
}
.ui-feeds>ul>li:first-child:nth-last-child(7) ~ li>span {
	padding-top:100%
}
.ui-feeds>ul>li:first-child:nth-last-child(8),.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li:nth-child(2) {
	width:50%;
	padding-bottom:2px
}
.ui-feeds>ul>li:first-child:nth-last-child(8):after,.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li:nth-child(2):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(8) span,.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li:nth-child(2) span {
	padding-top:100%
}
.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li:nth-child(3),.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li:nth-child(4),.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li:nth-child(5) {
	padding-bottom:2px
}
.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li:nth-child(3):after,.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li:nth-child(4):after,.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li:nth-child(5):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li {
	width:33.3%
}
.ui-feeds>ul>li:first-child:nth-last-child(8) ~ li>span {
	padding-top:100%
}
.ui-feeds>ul>li:first-child:nth-last-child(9),.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li {
	width:33.333%
}
.ui-feeds>ul>li:first-child:nth-last-child(9),.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(2),.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(3),.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(4),.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(5),.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(6) {
	padding-bottom:2px
}
.ui-feeds>ul>li:first-child:nth-last-child(9):after,.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(2):after,.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(3):after,.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(4):after,.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(5):after,.ui-feeds>ul>li:first-child:nth-last-child(9) ~ li:nth-child(6):after {
	content:"";
	position:absolute;
	bottom:0;
	height:2px;
	width:100%;
	background-color:#fff;
	z-index:99
}
/*----------聊天室----------*/

/*----------个人中心----------*/
.user-top{
	
	padding:0.2rem 0.15rem 0.2rem 0.9rem;
	position:relative;
	overflow: hidden;
	background:#333;

}
.user-img{
	width: 0.6rem;
	height: 0.6rem;
	z-index: 9;
	position: absolute;
	top: 0.2rem;
	left: 0.15rem;

}
.user-img>img{
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 10px;
}
.user-text{
	line-height:0.3rem;
	flex:1;
	position: relative;
	z-index: 9;
}
.user-text p{
	color: #fff;
	font-size: 0.2rem;
	
}
.user-text p span{
	color: #cecece;
	font-size: 0.16rem;
	margin-left: 0.1rem;
}
.user-sub{
	width: auto;
	display: block;
	position: relative;
	z-index: 9;
	margin-top: 0.05rem;
}
.user-sub .user-edit{
	font-size: 0.12rem;
	position:relative;
	padding: 0.01rem 0.04rem;
	color:#666;
	background:#eee;
	text-align:center;
	border-radius: 0.2rem;
}
.user-sub .user-mp{
	font-size: 0.13rem;
	color: #fff;
}
.user-sub .user-mp i{
	margin-right: 0.05rem;
	font-size: 0.16rem;
}
.user-bg{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	opacity:.5;
	top:0;
	left:0;
	filter:blur(5px);
	transform:scale(1.2);
	z-index:1;
}
.user-nav{
	padding: 0.1rem 0;
	background: #fff;
}
.user-nav-avg-2 .user-nav-item{
	width: 50%;
}
.user-nav-avg-3 .user-nav-item{
	width: 33.33%;
}
.user-nav-avg-4 .user-nav-item{
	width: 25%;
}
.user-nav-avg-5 .user-nav-item{
	width: 20%;
}
.user-nav-item{
	display: block;
	text-align:center;
	float: left;
	position: relative;
}
.user-nav-item i{
	display:inline-block;
	width:0.48rem;
	height:0.48rem;
	border-radius:50%;
	color:#fff;
	line-height:0.48rem;
	font-size:0.2rem;
	position:relative;	
}
.user-nav-item p{
	font-size:0.13rem;
	color:#888;
	line-height:0.2rem;
	margin-top:0.05rem;
}
.user-nav-item em{	
	position: absolute;
	top: -0.05rem;
	right: 0.18rem;
	background: #dd514c;
	font-size: 0.12rem;
	color: #fff;
	padding:0rem 0.06rem;
	border-radius: 1rem;
}

.user-list-box{
	padding:0 0.15rem;
	background:#fff;
}
.user-list-li{
	height:0.5rem;
	position:relative;
	line-height:0.5rem;
	font-size:0.16rem;	
	border-bottom:1px solid #eee;
}
.user-list-li .user-list-li-icon{
	/*font-size: .2rem;*/
}
.user-list-li a{
	display: block;
	position: relative;
}
.user-list-li:last-child{
	border-bottom: none;
}
.user-list-li .user-list-li-icon{
	margin-right: 0.1rem;
}
.user-list-li.user-list-li-arrow>a{
	padding-right: 0.2rem;
}
.user-list-li-jiantou{
	position: absolute;
	top: 0.1rem;
	right: 0;
	font-size: 0.28rem;
	color: #aaa;
}
.user-list-li span{
	font-size: 0.12rem;
	float: right;
}
.user-list-li span>i{
	margin-right: 0.05rem;
}
.user-list-li-tx{
	float: right;
	margin-top: 10px;
}
.user-list-li-tx>img{
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	display: inline-block;
	border: 2px solid #fff;
	float: right;
	position: relative;
}
.user-list-li-tx>img:nth-child(1){	
	left: 0rem;
}
.user-list-li-tx>img:nth-child(2){	
	left: 0.1rem;
}
.user-list-li-tx>img:nth-child(3){	
	left: 0.2rem;
}
.user-list-li-tx>img:nth-child(4){	
	left: 0.3rem;
}
.user-list-li-tx>img:nth-child(5){	
	left: 0.4rem;
}
.user-list-li-tx>img:nth-child(6){	
	left: 0.5rem;
}
.user-list-li-ibox{
	float: right;
}
.user-list-li-btn{
	display: inline-block;
	position: relative;
	padding: 0.08rem 0.1rem;
	line-height: 1;
	font-size: 0.12rem;
	border-radius: 6px;
	margin-left: 0.03rem;
}
/*----------个人中心----------*/

/*----------标题----------*/

.titleshow{
	text-align: center;
	position: relative;
	font-size: 0.18rem;
}
.titleshow h3{
	font-weight: 600;
	letter-spacing: 2px;
	color: #227de7;
	font-size: 0.18rem;
	display: inline-block;
	line-height: 0.3rem;
	padding: 0 0.5rem;
	position: relative;
}
.titleshow h3:after,
.titleshow h3:before{
	content: "";
	position: absolute;
	top: 0.13rem;
	width: 0.4rem;
	height: 0.03rem;	
}
.titleshow h3:after{
	left: 0;
	background: -webkit-linear-gradient(left, #fff , #227de7);
}
.titleshow h3:before{
	right: 0;
	background: -webkit-linear-gradient(left, #227de7 , #fff);
}
.titleshow2{
	width: 100%;
	height: 0.3rem;
	line-height: 0.3rem;
	position: relative;
	padding-left: 0.22rem;
	font-size: 0.18rem;
}
.titleshow2 h3{
	font-weight: 500;
	color: #000000;
}
.titleshow2:after{
	content: "";
	position: absolute;
	top: 20%;
	left: 0.1rem;
	display: block;
	width: 0.04rem;
	height: 60%;
	background-color: #0081ff;
}
.titleshow3{
	width: 100%;
	height: 0.3rem;
	line-height: 0.3rem;
	position: relative;
	padding-left: 0.24rem;
	font-size: 0.18rem;
}
.titleshow3 h3{
	font-weight: 500;
	color: #000000;
}
.titleshow3:after{
	content: "";
	position: absolute;
	top: 0.1rem;
	left: 0.06rem;
	display: block;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	background-color: #0081ff;
}
.titleshow4{
	width: 100%;	
	position: relative;
	padding-bottom: 0.05rem;
	font-size: 0.18rem;
}
.titleshow4 h3{
	font-weight: 500;
	color: #000000;
	line-height: 0.3rem;
}
.titleshow4 h3:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 0.4rem;
	height: 0.02rem;
	background-color: #0081ff;
}
/*----------标题----------*/

/*----------图片列表----------*/
.imglist1 li{
	padding: 0 .05rem;
	margin-bottom: .1rem;

}
.imglist1 li a {
	display: block;
	position: relative;
	height:2.2rem;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.35);
	box-shadow: 0 0 3px rgba(0,0,0,.35);
}
.imglist1 li a span {	
	display: block;
	width:100%;
	height:1.72rem;	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*display: table-cell;
	vertical-align: middle;
	border-bottom:1px #eeeeee dashed;*/
}


.imglist1 li a img{
	width: 100%;
}
.imglist1 li a p {
	text-align: center;
	font-size: .14rem;
	margin-top: .05rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.imglist2 li{
	padding: 0 .05rem;
	margin-bottom: .1rem;

}
.imglist2 li a {
	display: block;
	position: relative;
	height:2.2rem;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.35);
	box-shadow: 0 0 3px rgba(0,0,0,.35);	
}
.imglist2 li a span {	
	display: block;
	width:100%;
	height:1.72rem;	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*display: table-cell;
	vertical-align: middle;
	border-bottom:1px #eeeeee dashed;*/
}



.imglist2 li a img{
	width: 100%;
}
.imglist2 li a p {
	text-align: center;
	font-size: .14rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	background-color: rgba(0,0,0,.6);
	line-height: .3rem;
	height: .3rem;
}

.imglist3 li{
	padding: 0 .05rem;
	margin-bottom: .1rem;

}
.imglist3 li a {
	display: block;
	position: relative;	
	height:2.2rem;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.35);
    box-shadow: 0 0 3px rgba(0,0,0,.35);
}

.imglist3 li a span {	
	display: block;
	width:100%;
	height:1.72rem;	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*display: table-cell;
	vertical-align: middle;
	border-bottom:1px #eeeeee dashed;*/
}


.imglist3 li a img{
	width: 100%;
}
.imglist3 li a p {
	text-align: center;
	font-size: .14rem;
	margin-top: .07rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*----------图片列表----------*/

/*----------自定义----------*/
.huit{
	border-top: .1rem solid #f1f1f1;
}
.huib{
	border-bottom: .1rem solid #f1f1f1;
}
.user{
	width: 100%;
	min-height: 2.5rem;
	position: relative;
	overflow: hidden;
	background-color: #212121;
	text-align: center;
	
}
.user-box{
	padding-top: .25rem;
	padding-bottom: .25rem;
	position: relative;
	z-index: 99;
	color: #fff;
}
.user-box>img{
	width: .7rem;
	height: .7rem;
	border-radius: 50%;
}
.user-box>h3{
	font-size: .22rem;
	font-weight: 500;
	margin-top: .12rem;
	line-height: 1.2;
}
.user-box>p{
	font-size: .17rem;
	margin-top: .03rem;
	padding: 0 .6rem;
	line-height: 1.4;
}
.user-box>ul{
	display: flex;
	display: -webkit-flex;
	margin-top: .14rem;
}
.user-box>ul>li{
	flex: 1;
}
.user-box>ul>li>a>span{
	font-size: .24rem;
	line-height: 1;
}
.user-box>ul>li>a>p{
	font-size: .15rem;
}
.user-list-li .user-list-li-icon{
	font-size: .2rem;
}
.geren-list .user-list-li span{
	font-size: .15rem;
	color: #7d7d7d;
}
.geren-list .user-list-li.geren-tx{
	height: .7rem;
	line-height: .7rem;
}
.geren-list .user-list-li.geren-tx img{
	width: .5rem;
	height: .5rem;
	float: right;
	border-radius: 50%;
	margin-top: .1rem;
}
.geren-list .user-list-li.geren-tx .user-list-li-jiantou{
	top: 0.2rem;
}
.yj-btn{
	margin-top: .4rem;
	padding: 0 .5rem;
}
.yj-btn a{
	display: block;
	height: .4rem;
	line-height: .4rem;
	color: #fff;
	font-size: .16rem;
	border-radius: .08rem;
	text-align: center;
	background: -webkit-linear-gradient(left,#5ea7fb,#0759f2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 0px 10px rgba(0,0,0,0.075), 0 0 20px rgba(91,157,255,0.6);
}
.yj-btn a + a{
	margin-top: .15rem;
}
.yj-btn a i{
	margin-right: .06rem;
}
.geren-name{
	background-color: #fff;
}
.geren-name input[type="text"],
.geren-name input[type="password"]{
	border: 0;
}
.geren-name input[type="text"]:focus,
.geren-name input[type="password"]:focus{
	box-shadow:none;
}
.geren-name .geren-name-clear{
	color: #d2d2d2;
	position: absolute;
	top: .1rem;
	right: 0;
	font-size: .18rem;
}
.geren-name input.input-mm{
	padding-right: .3rem;
}
.geren-name .am-form-group i.mm {
  position: absolute;
  color: #a0a0a0;
  font-size: .18rem;
  top: .03rem;
  right: .1rem;
}
.file-touxiang{
	width: 100%;
}
.geren-sex{
	background-color: #fff;
}
.geren-sex .am-radio{
	margin-bottom: .15rem;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: .1rem;
	padding-left: 0px;
	padding-right: 22px;
	font-size: .17rem;
}
.geren-sex .am-radio:last-child{
	border-bottom: 0;
	padding-bottom: 0rem;
	margin-bottom: .1rem;
}
.geren-sex .am-ucheck-icons{
	left: auto;
	right: 0;
	
}
.yj-btn a.hide{
	display: none;
}

.geren-phone{
	padding: .5rem .5rem .0rem;
}
.geren-phone-img{
	display: block;
	width: .6rem;
	margin: 0 auto .3rem auto;
}
.spets h2{
	text-align: center;
	font-size: .18rem;
}
.geren-input{
	margin-top: .1rem;
}
.geren-input input[type="text"],
.geren-input input[type="password"]{
	border: 0;
	border-bottom: 1px solid #dcdcdc;
	padding-left: .25rem;
}
.geren-input input[type="text"]:focus,
.geren-input input[type="password"]:focus{
	box-shadow:none;
}
.geren-input .am-form-group i{
	color: #1364f3;
	position: absolute;
	top: .05rem;
	left: 0;
	font-size: .18rem;
}
.geren-input .hqyzm{
	color: #000000;
	font-size: .14rem;
	position: absolute;
	top: .08rem;
	right:0;
}
.geren-input .jieshi{
	text-align: right;
	color: #e60012;
	font-size: .12rem;
	margin-top: .15rem;
}
.spets3 i{
	display: block;
	text-align: center;
	font-size: .5rem;
	color: #39b54a ;
}
.spets3 p {
	font-size: .18rem;
	text-align: center;
	margin-top: .2rem;
}

.tabsss{
	margin-top: .1rem;
	padding:0  0rem .1rem;
	
}
.tabsss li{
	border-bottom: 1px solid #ececec;	
}
.tabnav li a{
	font-size: .18rem;
}
.tabsss li.am-active a, 
.tabsss li.am-active a:focus{
	color: #0067a2;
}
.tabsss li.am-active a:before{
	background-color: #0067a2;
}
.tabsss li.am-active a:after{
	border-top-color: #0067a2;
}

.bookclear{
	margin-top: .1rem;
	padding: 0 4%;
}
.bookclear a{
	font-size: .12rem;
	color: #0067a2;
}
.booklist{
	padding: 0 .1rem;
	margin-top: .15rem;
}
.booklist li a p{
	font-size: .13rem;
}
.booklist li a img{
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.booklist li.shixiao a .booklbox{
	position: relative;

}
.booklist li.shixiao a .booklbox:before{
	content: '';	
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
}
.booklist li.shixiao a .booklbox:after{
	content: '已失效';
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	color: #e2e2e2;
	font-size: .15rem;
}
.booklist-cp li a img{
	height: 1.08rem;
}
.booklist-yc li a img{
	height: 2.41rem;
}

.kefu-contact{
	margin-top: .05rem;
}
.kefu-contact li{
	padding: .2rem .15rem .2rem .8rem;
	position: relative;
	background-color: #fff;
	border-radius: .08rem;
	margin-bottom: .1rem;
}
.kefu-contact li:after{
	content: '';
	display: block;
	width: 1px;
	height: 60%;
	position: absolute;
	top: 20%;
	left: .65rem;
	background-color: #d7d4d4;
}
.kefu-contact li i{
	position: absolute;
	top: .16rem;
	left: .15rem;
	font-size: .36rem;
}
.kefu-contact li h3{
	font-size: .16rem;
	font-weight: 500;
}
.kefu-contact li p{
	font-size: .16rem;
	padding-left: .2rem;
}
.kefu-contact li.code{
	padding-right: 1rem;
}
.kefu-contact li.code img{
	width: .54rem;
	height: .54rem;
	position: absolute;
	top: .18rem;
	right: .25rem;
}
.bolang{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.bind-tab{
	margin-top: .3rem;
}
.bind-tab li{
	text-align: center;
	margin-bottom: .3rem;
}
.bind-tab li a img{
	width: 1.3rem;
}
.bind-tab li a p{
	width: 1.7rem;
	height: .35rem;
	line-height: .35rem;
	text-align: center;
	margin: .05rem auto 0 auto;
	font-size: .22rem;
	color: #252525;
	border-radius: 0.04rem;
}

.bind-tab h3{
	text-align: center;
	color: #1b1b1b;
	font-size: .2rem;
	font-weight: 500;
	margin-bottom: .2rem;
}

.book-slide{
	margin-top: .3rem;
	background-color: transparent;
	box-shadow: none;
	padding: 0 .2rem;
}
.book-slide .am-slides > li:first-child{

}
.book-slide .am-slides{
	/*padding-left: .2rem;*/	
}
.book-slide .am-slides > li img{
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.book-slide .am-slides > li p{
	color: #000000;
	text-align: center;
	margin-top: .2rem;
	font-size: .17rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.book-slide ul li span{
	font-size: .15rem;
	color: #000000;
	display: block;
	text-align: center;
	margin-top: .03rem;
}
.book-slide ul li span em{
	color: #e60012;
}
.login2{
	margin-top: .5rem;
  padding: 0 .5rem;
}
.login2 h3{
	font-size: .19rem;
	color: #252525;
	text-align: center;
	margin-bottom: .3rem;
}

.bind-confirm .am-modal-dialog{
	background-color: #fff;
	border-radius: .08rem;
}
.bind-confirm .am-modal-bd{
	color: #313131;
	font-size: .15rem;
	text-align: left;
	padding-left: .25rem;
	padding-right: .25rem;
}
.bind-confirm .am-modal-hd img{
	width: 1.15rem;
}
.bind-confirm .am-modal-btn{
	color: #535353;
	font-size: .15rem;
}

.bindok{
	padding-top: .4rem;
}
.bindok img{
	width: 1.4rem;
	margin: 0 auto;
	display: block;
}
.bindok h3{
	font-size: .19rem;
	color: #252525;
	margin-top: .2rem;
}
.bindok p{
	font-size: .18rem;
	color: #252525;
	margin-top: .1rem;
	text-indent: 2em;
	line-height: 1.8;
}
.bindok p span{
	margin-right: .1rem;
	border-bottom: 1px solid #a0a0a0;
	padding: 0 .02rem;
}

.mhcx{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: rgba(255,255,255,1);
	border: 1px solid #dcdcdc;
	border-radius: .08rem;
	padding: .05rem .1rem;
	max-height: 3.26rem;
	overflow-y: scroll;
	display: none;
	z-index: 99;
}
.mhcx li{
	border-bottom: 1px solid #f2f2f2;
	padding: .06rem .1rem;
	font-size: .14rem;
	color: #2a2a2a;
}
.mhcx li:last-child{
	border-bottom: 0;
}
.staff-com{
	font-size: .17rem;
	color: #252525;
	margin-bottom: .2rem;
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: .05rem;
	text-align: center;
}

.usernews{
	margin-top: .1rem;
}
.usernews li{
	padding: .12rem .15rem .12rem .74rem;
	position: relative;
	border-radius: .08rem;
	margin-bottom: .15rem;
	background-color: #fff;
	min-height: .86rem;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 4px rgba(202,202,202,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 4px rgba(202,202,202,0.6);
}
.usernews li b{
	display: block;
	width: .54rem;
	height: .54rem;
	text-align: center;
	line-height: .54rem;;
	border-radius: 50%;
	background-color: #4f84ff;
	color: #fff;
	position: absolute;
	top: .16rem;
	left: .1rem;
	font-weight: 500;
}
.usernews li span{
	font-size: .13rem;
	color: #cccccc;
	display: block;
}
.usernews li p{
	font-size: .14rem;
	color: #333333;
	line-height: 1.5;
}

.message{
	margin-top: .1rem;
}
.message textarea{
	border-radius: .08rem;
}
.message .subtext{
	font-size: .12rem;
	margin-left: .08rem;
	color: #adabab;
}


.order-box{
	padding-bottom: .3rem;
}
.order-year{
	color: #7d7d7d;
	font-size: .18rem;
	/*background-color: #f8f8f8;*/
	padding: .1rem .2rem;
}
.order-info{
	padding: .1rem .2rem;	
	position: relative;
	display: block;
	background-color: #fff;
}
.order-info + .order-info{
	border-top: 1px solid #d2d2d2;
}
.order-info h2{
	color: #232323;
	font-size: .18rem;
	font-weight: 500;
}
.order-info p{
	color: #7d7d7d;
	font-size: .13rem;
	margin-top: .05rem;
}
.order-info b{
	color: #fc6c00;
	font-size: .24rem;
	position: absolute;
	top: .25rem;
	right: .2rem;
}
.order-info span{
	color: #898989;
	font-size: .15rem;
	position: absolute;
	top: .6rem;
	right: .3rem;
}

.bookadd{
	padding: .3rem .5rem .1rem;
}
.bookadd img{
	width: 100%;
}
.bookadd h2{
	color: #000000;
	font-weight: 500;
	font-size: .18rem;
	text-align: center;
	margin-top: .3rem;
}
.copytext{
	color: #434343;
	font-size: .15rem;
	margin-top: .3rem;
	border-bottom: 1px solid #dcdcdc; 
	padding-bottom: .05rem;
	word-wrap:break-word;
	position: relative;
	padding-right: .5rem;
	text-align: left;
}
.copytext a{
	display: inline-block;
	color: #247dd8;
	border: 1px solid #247dd8;
	padding: .01rem .1rem;
	line-height: 1.3;
	font-size: .12rem;
	position: absolute;
	top: .03rem;
	right: 0;
}

.order-viewt{
	position: relative;
	margin-bottom: .1rem;
}
.order-viewt h3{
	font-size: .16rem;
	color: #2b2b2b;
	font-weight: 500;
	display: inline-block;
	border-left: 2px solid #1b82d2;
	padding-left: .08rem;
	line-height: .2rem;
}

.order-view-info{
	padding-left: .12rem;
}
.order-view-info li{
	font-size: .14rem;
	color: #7d7d7d;
	padding: .02rem 0;
}

.order-free{
	padding-left: .12rem;
	border-bottom: 1px solid #ededed;
	padding-bottom: .06rem;
}
.order-free li{
	font-size: .14rem;
	color: #7d7d7d;
	padding: .02rem 0;
}
.order-free li span{
	float: right;
	color: #2c2c2c;
}
.order-sfje{
	text-align: right;
	color: #2c2c2c;
	font-size: .15rem;
	margin-top: .06rem;
}
.order-sfje b{
	color: #fc6c00;
	font-size: .16rem;
}

.order-shop{
	position: relative;
	min-height: 1.2rem;
	padding-left: .96rem;
}
.order-shop-img{
	width: .8rem;
	position: absolute;
	top: 0;
	left: 0;
}
.order-shop-view{
	padding-left: .12rem;
}
.order-shop .order-shop-tit{
	color: #2c2c2c;
	margin-bottom: .1rem;
	font-size: .17rem;
}
.order-shop .order-shop-tit span{
	float: right;
}
.order-shop-item{
	font-size: .13rem;
	color: #7d7d7d;
	margin-bottom: .03rem;
	position: relative;

}
.order-shop-item span{
	float: right;
}
.book-buy{
	position: relative;
	min-height: 1.6rem;
	padding-left: 1.3rem;
}
.book-buy-img{
	width: 1.1rem;
	position: absolute;
	top: 0;
	left: 0;
	height: 1.6rem;
}
.book-buy-img>img{
	width: 1.1rem;
	height: 1.6rem;
}
.book-buy-tit{
	font-size: .2rem;
	color: #2c2c2c;
	margin-bottom: .1rem;
}
.book-buy-item{
	font-size: .13rem;
	color: #7d7d7d;
	margin-bottom: .03rem;
	position: relative;
}
.book-ac{
	font-size: .18rem;
	color: #252525;
	margin-top: .16rem;
	margin-bottom: .1rem;
}
.book-buy-year{
	padding: .15rem .1rem;
	border-radius: .04rem;
	display: flex;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(165,165,165,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(165,165,165,0.6);
}
.book-buy-year li{
	flex: 1;
	text-align: center;
	background-color: #e5e5e5;
	font-size: .12rem;
	color: #535353;
	height: .28rem;
	line-height: .28rem;
	margin: 0 .05rem;
	border-radius: .04rem;
	position: relative;
}

.book-buy-year li.on{
	background-color: #3c88f7;
	color: #fff;
}
.book-buy-year li em{
	width: .2rem;
	height: .2rem;
	line-height: .2rem;
	text-align: center;
	border-radius: 50%;
	background-color: #fc6c00;
	color: #fff;
	font-size: .12rem;
	display: block;
	position: absolute;
	top: -.03rem;
	right: -.03rem;
}

.book-buy-equit{
	padding: .15rem .3rem;
	border-radius: .04rem;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(165,165,165,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(165,165,165,0.6);
}
.book-buy-equit .book-buy-equit-item{
	font-size: .16rem;
	color: #0067a2;
	height: .32rem;
	line-height: .32rem;
}
.book-buy-equit .book-buy-equit-item span{
	float: right;
}
.book-buy-equit .book-buy-equit-item span.money{
	font-size: .24rem;
	color: #e60012;
	font-weight: 600;
}
.book-buy-equit .book-buy-equit-ls{
	font-size: .15rem;
	color: #959595;
	text-align: right;
	margin-top: .03rem;
}

.renew-ok{
	margin-top: .4rem;
  padding: 0 .3rem .1rem;
  text-align: center;
}
.renew-ok img{
	width: 1.5rem;
	margin-bottom: .1rem;
}
.renew-ok h2{
	color: #252525;
	font-size: .24rem;
	margin-bottom: .2rem;
}
.renew-ok p{
	color: #434343;
	font-size: .15rem;
}

.input-number{
	padding: .15rem .1rem;
    border-radius: .04rem;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(165,165,165,0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(165,165,165,0.6);
}
.input-number a{
	color: #999;
	width: .3rem;
	height: .3rem;
	line-height: .26rem;
	text-align: center;
	float: left;
	border: 1px solid #ddd;
  font-size: .2rem;
}
.input-number .nnnmun{
	float: left;
  font-size: .16rem;
  border: 1px solid #ddd;
  width: .5rem;
	height: .3rem;
	line-height: .26rem;
	text-align: center;
	
}
.header-bar span.bookheader{
	max-width: 2.8rem;
}

.logint img{
	width: 100%;
}

.login{
	margin-top: .3rem;
	padding: 0 .5rem;
}
.login .am-form-group{
	margin-bottom: .15rem;
	position: relative;
}
.login input[type="text"],
.login input[type="password"]{
	border: 0;
	border-bottom: 1px solid #ccc;
	padding-left: .26rem;
	padding-right: .24rem;
	font-size: .16rem;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus{
 	box-shadow: none;
 }
.login .am-form-group i{
	position: absolute;
	color: #2271f5;
	font-size: .18rem;
	top: .03rem;
	left: 0;
}
.login .am-form-group em.mm{
	position: absolute;
	color: #a0a0a0;
	font-size: .18rem;
	top: .03rem;
	right: 0;
}
.login .am-form-group em.yzm{
	position: absolute;
	color: #000000;
	font-size: .14rem;
	top: .07rem;
	right: 0;
}
.login-btn{
	margin-top: .3rem;	
}
.login-btn a + a{
	margin-top: .15rem;
}
.login-btn a{
	display: block;
	height: .4rem;
	line-height: .4rem;
	color: #fff;
	font-size: .16rem;
	border-radius: .08rem;
	text-align: center;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 0px 10px rgba(0,0,0,0.075), 0 0 20px rgba(91,157,255,0.6);
}
.login-btn a.lbtn{	
	background: -webkit-linear-gradient(left,#5ea7fb,#0759f2);
	
}
.login-btn a.hbtn{	
	box-shadow:none;
	border: 1px solid #5ea7fb;
	color: #5ea7fb;
}
.login-btn a.lbtn2{	
  background: -webkit-linear-gradient(left,#add0f9,#1b9fe8);
}
.login-subbtn{
	margin-top: .2rem;
}
.login-subbtn a{
	color: #000000;
	font-size: .13rem;
}
.login-subbtn em{
	color:#e60012;
	font-size:.12rem;
}

.login-othrerbtn{
	margin-top: .5rem;
	margin-bottom: .3rem;
}
.othrerbtn-tit{
	text-align: center;
	position: relative;
}
.othrerbtn-tit p{
	display: inline-block;
	padding: 0 .15rem;
	font-size: .15rem;
	background-color: #fff;
	position: relative;
	z-index: 99;
}
.othrerbtn-tit:after{
	content: '';
	display: block;
	width: 100%;
	height: .01rem;
	background-color: #7d7d7d;
	position: absolute;
	left: 0;
	top: .13rem;
}

.login-othrerbtn ul{
	margin-top: .2rem;
	display: flex;
}
.login-othrerbtn ul li{
	flex: 1;
	text-align: center;
}
.login-othrerbtn ul li a i{
	width: .42rem;
	height: .42rem;
	line-height: .42rem;
	text-align: center;
	font-size: .24rem;
	border-radius: 50%;	
	display: inline-block;
}
.login-othrerbtn ul li.wx a i{
	border: 1px solid #24a75e;
	color: #24a75e;
}
.login-othrerbtn ul li.yzm a i{
	border: 1px solid #247dd8;
	color: #247dd8;
}
.login-othrerbtn ul li a p{
	color: #7d7d7d;
	font-size: .13rem;
	margin-top: .1rem;
}

.login .agree{
	margin-top: .3rem;
	font-size: .14rem;
}
.login .agree a{
	color: #0067a2;
}

.login .login-tit{
	text-align: center;
	color: #247dd8;
	font-weight: 600;
	margin-bottom: .3rem;
	font-size: .18rem;
}
.login .login-bt{
	color: #247dd8;
	font-size: .14rem;
	margin-bottom: .3rem;
	text-align: center;
}
.login-guide{
	box-shadow: none;
}
.login-guide-box{
	background-color: #e8f2fe;
}
.login-guide-box,
.login-guide,
.login-guide ul,
.login-guide li{
	height: 100%;
}
.login-guide img{
	width: 100%;
}
.login-guide .am-control-nav{
	bottom: .3rem;
}
.login-guide .guide-btn{
	width: 1.7rem;
	height: .4rem;
	line-height: .4rem;
	border-radius: .08rem;
	text-align: center;
	display: block;
	margin: .4rem auto 0 auto;
	background-color: #247dd8;
	color: #fff;
}

.login-tabc{
	text-align: center;
	font-size: .15rem;
	margin-top: .15rem;
	line-height: .2rem;
}
.login-tabc a{
	color: #0067a2;
	margin-left: .03rem;
	display: inline-block;
	vertical-align: -1px;
	font-weight: 700;	
}

.asklist{
	
}
.asklist li{
	position: relative;
	/*height: .95rem;*/
	/*padding: .1rem 0 .1rem .9rem;*/
	padding: .1rem 0 .1rem .0rem;	
	border-bottom: 1px solid #d6d6d6;
}
/*.asklist li img{
	width: .7rem;
	height: .7rem;
	border-radius: 50%;
	position: absolute;
	top: 0.1rem;
	left: 0;
}*/
.asklist li .asklist-name{
	color: #000;
	font-size: .15rem;
}
.asklist li .asklist-name a{	
	display: inline-block;
	color: #fff;
	background-color: #8DC63F;
	font-size: .12rem;
	padding: .06rem .1rem;
	line-height: 1;
	border-radius: .04rem;
	margin-left: .05rem;
}
.asklist li .asklist-name i{	
	margin-right: .05rem;
}
.asklist li  p{
	font-size: .14rem;
	/*height: .48rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;*/
	border-radius: .08rem;
	border: 1px dashed #b5b5b5;
	margin-top: .1rem;
	color: #000;
	padding: .05rem .1rem;
	margin-bottom: .06rem;
}
.asklist li .asklist-menu{
  color: #808080;
  font-size: .15rem;
}
.asklist li .asklist-menu a{
	
}
.asklist li .asklist-menu i {
    margin-right: .05rem;
}
.asklist li .asklist-vv{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 2rem;
}

.askview-head{
	text-align: center;
	padding-top: .2rem;
	padding-bottom: .1rem;
}
.askview-head img{
	width: 1rem;
	border-radius: 50%;	
	margin-bottom: .1rem;
}
.askview-head p{
	font-size: .17rem;
	margin-top: .06rem;
	
}
.askview-head p a{
	color: #5eb95e;
	font-size: .22rem;
	margin-left: .05rem;
	/*vertical-align: top;*/
}

.askview-hb{
	margin-top: .25rem;
	padding: 0 .15rem
}
.askview-hb .askview-time{
	color: #5a5a5a;
	font-size: .15rem;
	position: relative;
}
.askview-hb .askview-time a{
	color: #dd514c;
	font-size: .2rem;
	position: absolute;
	top: 0.01rem;
	right: .1rem;
}
.askview-hb .askview-time i{
	color: #2aace8;
	margin-right: .05rem;
}
.askview-hb .askview-main{
	margin-top: .05rem;
	padding: .05rem;
	border: 1px dashed #bdbdbd;
	border-radius: .08rem;
}

.invite-code{
	position: relative;
	padding-left: 1.1rem;
	padding-top: .05rem;
	height: 1rem;
}
.invite-code img{
	width: 1rem;
	height: 1rem;
	position: absolute;
	top: 0;
	left: 0
}
.invite-code p{
	font-size: .14rem;
}

.staff{
	
}
.staff li{
	background-color: #fff;
	padding: .1rem .15rem;
	border-bottom: 0;
	margin-top: .15rem;
}
.staff li a{
	align-items: center;
}
.staff li img{
	width: .7rem;
	height: .7rem;
	border-radius: 50%;
	justify-content: center;
}
.newmain .staff-ht{
	line-height: .3rem;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: .05rem;
}
.staff li .staff-name{
	font-size: .18rem;
	font-weight: 700;
}
.staff li span{
	font-size: .13rem;
	color: #626262;
	display: inline-block;
	
}
.staff li span i{
	color: #3075dd;
	margin-right: .05rem;
}
.staff-btn{
	margin-top: .05rem;
}
.staff-btn em{
	display: inline-block;
	background-color: #2e73dd;
	color: #fff;
	font-size: .12rem;
	padding: .02rem .1rem;
	border-radius: .08rem;
	margin-right: .05rem;
}


.staff-menu{
	padding: .3rem .5rem .1rem;
}
.staff-menu li{
	position: relative;
	margin-bottom: .2rem;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.staff-menu li img{
	width: 100%;
}
.staff-menu li p{
	color: #fff;
	font-weight: 700;
	font-size: .36rem;
	position: absolute;
	top: .3rem;
	left: .3rem;
	padding-bottom: .12rem;
	line-height: 1.4;
}
.staff-menu li p:after{
	content: '';
	display: block;
	background-color: #fff;
	width: .4rem;
	height: .04rem;
	position: absolute;
	left: 0;
	bottom: 0;
}
/*----------自定义----------*/

/*----------样册----------*/
.book-menu{
	position: fixed;
	color: #000;
	display: inline-block;
	top: 0.2rem;	
	text-align: center;
	right: 0.2rem;
	z-index: 999;
	border-radius: 50%;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.book-menu>a{
	display: block;
}
.book-menu>a>i{
	font-size: .2rem;
	width: .35rem;
	height: .35rem;
	line-height: .35rem;
	display: inline-block;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	border-radius: 50%;
}
.book-menu ul{
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(206,206,206,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(206,206,206,0.6);
	min-width: 1.4rem;
}
.book-menu ul li + li{
	border-top: 1px solid #dcdcdc;
}
.book-menu ul li a{
	color: #1b1b1b;
	font-size: .15rem;
}
.book-menu ul li a i{
	color: #1d1d1d;
	font-size: .18rem;
	margin-right: .15rem;
}

.book-menu-footer{
	position: fixed;
	right: .1rem;
	bottom: .8rem;
	z-index: 99;
}
.book-menu-footer a{
	font-size: .2rem;
  width: .35rem;
  height: .35rem;
  line-height: .35rem;
  display: inline-block;
  background-color: rgba(57, 142, 230, 0.7);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  margin-left: .1rem;
  
}

.book-footer{
	/*background-color: rgba(0,0,0,.7);*/
	background: -webkit-linear-gradient(bottom,#e2e2e2,#efefef);   
  background: linear-gradient(to bottom,#efefef,#e2e2e2);
	bottom: -100%;
	transition-duration: .5s;
	border-top: 0;
	border-top: 1px solid #e2e2e2;
	box-shadow: 0px 1px 3px rgba(156,156,156,.4);
}
.book-footer.book-footer-show{
	bottom: -0%;
}
.book-footer ul li a{
	color: #000;
	font-size: .14rem;
}
.book-footer ul li a i{
	font-size: .22rem;
}

.bookla-btn{
	/*position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 99;*/
	position: fixed;
	color: #000;
	display: inline-block;
	top: .2rem;
	right: .2rem;
	text-align: center;
	z-index: 999;
	border-radius: 50%;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.bookla-btn a{
	font-size: .2rem;
    width: .35rem;
    height: .35rem;
    line-height: .35rem;
    display: inline-block;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border-radius: 50%;
}
.book-footer ~ .content{
	padding-bottom: 0rem;
}
.book-banner{
	min-height: .7rem;
}
.book-banner .am-slides img{
	width: 100%;
	height: 3.75rem;
}
.book-banner .am-slides .video-js{
	width: 100% !important;
	height: 3.75rem !important;
}
.book-yl{
	display: block;
	background-color: rgba(0,0,0,.6);
	position: fixed;
	z-index: 99;
	top: .2rem;
  right: 1.2rem;
	width: .35rem;
	height: .35rem;
	line-height: .35rem;
	color: #fff;
	font-size: .2rem;	
	border-radius: 50%;
	text-align: center;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(162,162,162,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(162,162,162,0.6);
}
.book-yl.icon-yinliang{
	font-size: .16rem;
}
.book-yl:hover{
	color: #fff;
}

.book-audio{
	display: none;
}

.book-back{
	display: block;
	background-color: rgba(0,0,0,.6);
	position: fixed;
	top: .22rem;
	left: .2rem;
	width: .35rem;
	height: .35rem;
	line-height: .35rem;
	color: #fff;
	font-size: .2rem;	
	border-radius: 50%;
	text-align: center;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(162,162,162,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(162,162,162,0.6);
}
.book-next{
	display: block;
	background-color: rgba(0,0,0,.6);
	position: fixed;
	top: .22rem;
	left: .65rem;
	width: .35rem;
	height: .35rem;
	line-height: .35rem;
	color: #fff;
	font-size: .2rem;	
	border-radius: 50%;
	text-align: center;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(162,162,162,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(162,162,162,0.6);
}
.book-back:before{
	margin-left: -.02rem
}
.book-back:hover{
	color: #fff;
}




.searchbar-box{
	height: .6rem;
}
.searchbar-box2{
	padding: 0;
}
.searchbar-box2 .searchbar-form{
	background-color: transparent;
	border: 1px solid #eaeaea;
	border-radius: .15rem;
}
.searchbar-box2 .searchbar-form .searchbar-form-input{
	padding-left: 0.2rem;
}
.book-search-tit{
	margin-top: .1rem;
	padding-left: .4rem;
}
.book-search-tit h2{
	display: inline-block;
	color: #1b1b1b;
	font-size: .16rem;
	padding: 0 .06rem .03rem;
	border-bottom: 3px solid #e60012;
}
.book-search-tit span{
	display: inline-block;
	vertical-align: top;
	color: #e60012;
	font-weight: 600;
	font-size: .2rem;
	margin-top: -.08rem;
}
.book-search{
}
.book-search li{
	padding: .08rem .3rem ;
	position: relative;
	color: #1b1b1b;
	font-size: .15rem;
}
.book-search li + li{
	border-top: 1px solid #e5e5e5;
}
.book-search li span{
	color: #f26d5f;
	font-weight: 600;
	font-family: arial;
	font-size: .17rem;
	position: absolute;
	top: .08rem;
	left: .08rem;
}
.book-search li em{
	background-color: #ff9b0e;
	color: #fff;
	font-family: arial;
	font-size: .12rem;
	width: .2rem;
	height: .2rem;
	line-height: .2rem;
	text-align: center;
	position: absolute;
	top: .1rem;
	right: .06rem;
	border-radius: .04rem;
}
.book-search li em.hot{
	background-color: #ff9b0e;
}
.book-search li em.boil{
	background-color: #fc6c00;
}
.book-search li em.new{
	background-color: #ff5e78;
}
.book-search li a{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



.book-file{
	position: relative;
	padding-left: .85rem;
}
.book-file span{
	position: absolute;
	top: .15rem;
	left: .15rem;
	font-size: .14rem;
}
.book-file ul li{
	font-size: .14rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: .02rem;
}
.book-file ul li a{
	text-decoration: underline;
}
.book-proview-tit h2{
	font-size: .16rem;
	color: #005482;
}

.canvas-box{
	background-color: #fff;
	border-radius: .08rem;
	padding: .15rem 4% .4rem;
}
.canvas-box .canvas-tit{
	text-align: center;
	margin-top: .4rem;
	font-size: .18rem;
	font-weight: 600;
}
.canvas-box .canvas-code{
	min-height: .7rem;
	position: relative;
	margin-top: .26rem;
	padding: .08rem .8rem .05rem .85rem;
}
.canvas-box .canvas-code p{
	font-size: .14rem;
	margin-bottom: .03rem;
	color: #848484;
}
.canvas-box .canvas-code-img{
	width: .7rem;
	position: absolute;
	top: 0;
	left: 0
}
.canvas-box .canvas-code-img canvas{
	width: .7rem;
}
.canvas-box .canvas-logo{
	width: .6rem;
	height: .6rem;
	position: absolute;
	top: .03rem;
	right: 0;
}
.canvas-box .canvas-ico{
	width: .24rem;
	height: .24rem;
	position: absolute;
	top: .24rem;
	left: .24rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	 
}
.copyImage{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    padding: .15rem 4%;
    /*background-color: #fff;*/
}
.copyImage img{
	/*background-color: #fff;*/
	width: 100%;
}


.canvas-box2{
	background-color: #fff;
	border-radius: .08rem;
	padding: .5rem 4% .4rem;
	min-height: 6.13rem;
	background-size: 100% 100%;
	background-image: url(../img/canvas2.jpg);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.canvas-box2 .canvas-logo{
	height: .6rem;
	display: block;
	margin: auto;
}
.canvas-box2 .canvas-tit{
	margin-top: .2rem;
	text-align: center;
	font-size: .16rem;
}
.canvas-box2 .canvas-entit{
	font-size: .13rem;
	text-align: center;
	text-transform: uppercase;
}
.canvas-box2 .canvas-pro{
	width: 2rem;
	display: block;
	margin: .3rem auto 0 auto;
	/*-webkit-box-reflect: below 0px -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,0.3));*/
}
.canvas-box2 .canvas-prot{
	width: 2rem;
	margin: .1rem auto 0 auto;
	font-size: .14rem;
	text-align: center;
}
.canvas-box2 .canvas-code{
	width: 2rem;
	margin: .3rem auto 0 auto;
	position: relative;
	padding-left: 1.1rem;
	padding-top: .15rem;
}
.canvas-box2 .canvas-code .canvas-code-img{
	width: .8rem;
	height: .8rem;
	position: absolute;
	top: 0;
	left: 0;
}
.canvas-box2 .canvas-ico{
	width: .24rem;
	height: .24rem;
	position: absolute;
	top: .28rem;
	left: .28rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.canvas-box2 .canvas-code .canvas-code-img canvas{
	width: 100%;
	border: .04rem solid #fff;
}
.canvas-box2 .canvas-code p{
	font-size: .13rem;
}
.canvas-box2 .canvas-tit,
.canvas-box2 .canvas-entit,
.canvas-box2 .canvas-prot,
.canvas-box2 .canvas-code p{
	color: #000;
}



.canvas-box3{
	background-color: #fff;
	border-radius: .08rem;
	padding: .5rem 4% .4rem;
	min-height: 6.13rem;
	background-size: 100% 100%;
	background-image: url(../img/canvas3.jpg);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.canvas-box3 .canvas-logo{
	height: .6rem;
	display: block;
	margin: auto;
}
.canvas-box3 .canvas-tit{
	margin-top: .2rem;
	text-align: center;
	font-size: .16rem;
}
.canvas-box3 .canvas-entit{
	font-size: .13rem;
	text-align: center;
	text-transform: uppercase;
}
.canvas-box3 .canvas-pro{
	width: 2rem;
	display: block;
	margin: .3rem auto 0 auto;
	/*-webkit-box-reflect: below 0px -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,0.3));*/
}
.canvas-box3 .canvas-prot{
	width: 2rem;
	margin: .1rem auto 0 auto;
	font-size: .14rem;
	text-align: center;
}
.canvas-box3 .canvas-code{
	width: 2rem;
	margin: .3rem auto 0 auto;
	position: relative;
	padding-left: 1.1rem;
	padding-top: .15rem;
}
.canvas-box3 .canvas-code .canvas-code-img{
	width: .8rem;
	height: .8rem;
	position: absolute;
	top: 0;
	left: 0;
}
.canvas-box3 .canvas-ico{
	width: .24rem;
	height: .24rem;
	position: absolute;
	top: .28rem;
	left: .28rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.canvas-box3 .canvas-code .canvas-code-img canvas{
	width: 100%;
	border: .04rem solid #fff;
}
.canvas-box3 .canvas-code p{
	font-size: .13rem;
}
.canvas-box3 .canvas-tit,
.canvas-box3 .canvas-entit,
.canvas-box3 .canvas-prot,
.canvas-box3 .canvas-code p{
	color: #fff;
}






.book-show{
	padding: .15rem 0%;
}

.book-show-title{
	text-align: center;
}
.book-show-title h2{
	display: inline-block;
	position: relative;
	padding: 0 .4rem;
	font-size: .18rem;
	color: #1b1b1b;
}
.book-show-title h2:after,
.book-show-title h2:before{
	content: '';
	display: block;
	width: .3rem;
	height: .02rem;
	background-color: #1b1b1b;
	position: absolute;
	top: .14rem;
}
.book-show-title h2:after{	
	left: 0rem;
}
.book-show-title h2:before{	
	right: 0rem;
}
.book-show-main{
	margin-top: .14rem;
}
.book-show-main p{
	font-size: .14rem;
}
.book-imgshow img{
	width: 100%;
	min-height: 2rem;
}
.book-proview-code{
	background-image: url(../img/ccodebg1.png);
	position: relative;
	padding: .15rem .2rem;
	border-radius: .08rem;
}
.book-proview-code .code-img{
	width: 1rem;
}
.book-proview-code .code-img .codecc{
	width: 1rem;	
	height: 1rem;
}
.book-proview-code .code-img .codecc canvas{
	width: 1rem;
	height: 1rem;
	border: .03rem solid #fff;
}
.book-proview-code .code-img img{
	width: 1rem;
	height: 1rem;
	border: .02rem solid #fff;
}
.book-proview-code .code-img p{
	text-align: center;
	font-size: .12rem;
	color: #000000;
	margin-top: .03rem;
}
.book-proview-code .code-main{
	width: 1.9rem;
}
.book-proview-code .code-main h2{
	color: #000000;
	font-size: .2rem;
	font-weight: 500;
	margin-top: .03rem;
}
.book-proview-code .code-main h2 em{
	display: inline-block;
	max-width: 1rem;
}
.book-proview-code .code-main h2 span{
	display: inline-block;
	margin-left: .16rem;
	font-size: .15rem;
}
.book-proview-code .code-main p{
	color: #000000;
	font-size: .13rem;
	margin-top: .1rem;
}
.fanshul,
.fanshur{
	width: 1.4rem;
	position: absolute;
	top: 0;
	z-index: 9999;
}
.fanshul{
	left: 0;
}
.fanshur{
	right: 0;
}

.visitbox{
	background:  url(../img/visitt.jpg) top;
	background-size: 100%;
	background-repeat: no-repeat;
}
.visitt{
	margin-top: .25rem;
}
.visitt li{
	float: left;
	font-size: 14px;
	color: #fff;
	text-align: center;
	
}
.visitt li i{
	margin-right: .02rem;
}
.visitt li:nth-child(1),
.visitt li:nth-child(2),
.visitt li:nth-child(3){
	width: 33.3%;
}
.visitb li:nth-child(1){
	width: 35%;
	
}

.visitb li:nth-child(2){
	width: 35%;
}

.visitb li:nth-child(3){
	width: 30%;
}

.vvss{
	background-color: #fff;
	border-radius: .08rem;
	margin-top: .17rem;
}
.visitb {
	
}
.visitb + .visitb{
	border-top: 1px solid #e4e4e4;
}
.visitb li{
	float: left;
	font-size: 15px;
	color: #247dd8;
	text-align: center;
	padding: .1rem 0;
	
}
.visitb li:nth-child(1){
	padding-left: .08rem;
	text-align: left;
}
.visitb li img{
	width: .23rem;
	height: .23rem;
	display: inline-block;
	border-radius: 50%;
	margin-right: .06rem;
	object-fit: cover;
}
.visitb li span{
	display: inline-block;
	max-width: .76rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
}



.stavbox{
	background:  url(../img/stavt.jpg) top;
	background-size: 100%;
	background-repeat: no-repeat;
}
.stavt{
	margin-top: .25rem;
}
.stavt li{
	float: left;
	font-size: 16px;
	color: #fff;
	text-align: center;
	
}
.stavt li i{
	margin-right: .04rem;
}
.stavt li:nth-child(1),
.stavt li:nth-child(2),
.stavb li:nth-child(1),
.stavb li:nth-child(2){
	width: 50%;
}

.stavss{
	background-color: #fff;
	border-radius: .08rem;
	margin-top: .17rem;
}
.stavb {
	
}
.stavb + .stavb{
	border-top: 1px solid #e4e4e4;
}
.stavb li{
	float: left;
	font-size: 15px;
	color: #247dd8;
	text-align: center;
	padding: .1rem 0;
	
}
.stavb li:nth-child(1){
	padding-left: .18rem;
	text-align: left;
}
.stavb li img{
	width: .23rem;
	height: .23rem;
	display: inline-block;
	border-radius: 50%;
	margin-right: .06rem;
	object-fit: cover;	
}
.stavb li span{
	display: inline-block;
	max-width: 1.05rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
}
.statnav{
	padding-top: .05rem;
	padding-bottom: .1rem;
}
.statnav li + li:after{
	content: '';
	display: block;
	background-color: #bfbfbf;
	width: .01rem;
	height: .2rem;
	position: absolute;
	top: 0.15rem;
	left: 0;
}


.statlist{
	padding: 0 .1rem;
	margin-top: .15rem;
}
.statlist li{
	margin-bottom: .15rem;
	padding: 0 .12rem;
}
.statlist li p{
	font-size: .14rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: center;
	margin-top: .08rem;
	height: .44rem;
}
.statlist li a img{
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	height: 2.21rem;
}
.statlist li .stat-ca{
	margin-top: .03rem;
}
.statlist li .stat-ca a{
	font-size: .2rem;
	color: #247dd8;
}
.statlist li .stat-ca a i{
	margin-right: .03rem;
	font-size: .18rem;
}

.statlist2 {
  padding: .15rem .15rem;
}
.statlist2 li{
	margin-bottom: .35rem;
	
}
.statlist2 li .statmain{
	position: relative;
	min-height: 2rem;
	padding-left: 1.6rem;
}
.statlist2 li p{
	text-align: center;
	font-size: .15rem;
	margin-bottom: .1rem;
}
.statlist2 li img{
	width: 1.4rem;
	height: 2rem;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.statlist2 li a{
	display: block;
	font-size: .14rem;
	margin-bottom: .1rem;
}
.statlist2 li a i{
	color: #0075E3;
	margin-right: .05rem;
}
.statlist2 li a span{
	line-height: 1.2;
	display: inline-block;
	background-color: #0075E3;
	color: #fff;
	padding: .03rem .1rem;
	font-size: .12rem;
	float: right;
	margin-top: .02rem;
}
.statlist2 li a b{
	color: #dc2121;
	display: inline-block;
	margin: 0 .03rem;
	font-size: .16rem;
}

.statpro{
	background: -webkit-linear-gradient(top ,#2986dc,#51c9f9);  
  background: linear-gradient(#2986dc,#51c9f9);
  padding-bottom: .1rem;
}
.statpro .tabnav li a{
	color: #fff;
}
.statpro .tabnav li.am-active a:before{
	background-color: #fff;
}
/*.statpro .tabnav li.am-active a:after{
	border: 0;
}*/
.statpro .tabnav li.am-active a:after{
	border: 0;
}
.statpro .am-nav > li > a:hover,
.statpro .am-nav > li > a:focus{
 	background-color: transparent;
}
.statnav li.am-active a:after{
	border: 0;
}
.statpro-top{
	margin: .2rem auto 0 auto;
	width: 90%;
	display: block;
	background-color: #fff;
	border-radius: .08rem;
	position: relative;
}
.statpro-top:before{
	display: block;
	content: '';
	width: 34%;
	height: .1rem;
	background-color: #fff;
	position: absolute;
	top: -.1rem;
	left: 32%;
	border-top-left-radius: .08rem;
	border-top-right-radius: .08rem;
	
}
.statpro-top li{
	float: left;
	width: 32%;
	padding: .15rem .1rem .1rem;
	position: relative;
}
.statpro-top li span{
	width: 76%;
	padding-top: 76%;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 99;
}
.statpro-top li p{
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-bottom: .03rem;
}
.statpro-top.statpro-top-pro li p{
	-webkit-line-clamp: 2;
	height: .5rem;
}
.statpro-top li em{
	width: 90%;
	display: block;
	margin: -.1rem auto .07rem auto;
	height: .2rem;
	background:url(../img/nosc.png);
	background-size: cover;
	font-size: .12rem;
	text-align: center;
	color: #fff;
	padding-top: .02rem;
	
}
.statpro-top li a{
	display: block;
	text-align: center;
	color: #247dd8;
	font-size: .18rem;	
}
.statpro-top li a i{
	font-size: .18rem;
	margin-right: .03rem;
}
.statpro-top li b{
	display: block;
	width: .24rem;
	height: .2rem;
	background-size: cover;
	position: absolute;
	top: .09rem;
  right: .18rem;
}
.statpro-top li:nth-child(2){
	padding-top: 0;
	width: 34%;
}
.statpro-top li:nth-child(2):after,
.statpro-top li:nth-child(2):before{
	content: '';
	display: block;
	width: .08rem;
	height: 1.3rem;
	position: absolute;
	top: 0;
	background-size: cover;
}
.statpro-top li:nth-child(2):after{
	left: -.08rem;
	background-image: url(../img/yyl.png);
}
.statpro-top li:nth-child(2):before{
	right: -.08rem;
	background-image: url(../img/yyr.png);
}
.statpro-top li:nth-child(2) span{
	width: 80%;
	padding-top: 80%;
}
.statpro-top li:nth-child(2) em{
	margin: -.08rem auto .1rem auto;
}
.statpro-top li:nth-child(2) b{
	top: -.05rem;
  right: .18rem;
}


.prorank{
	width: 100%;
}
.prorank th{
	text-align: center;
	font-size: .13rem;
	color: #000000;
	font-weight: 500;
	padding-bottom: .05rem;
}

.prorank th i{
	font-size: .14rem;
	margin-right: .03rem;
}
.prorank td{
	text-align: center;
	padding: .05rem 0;
	border-bottom: 1px solid #e4e4e4;
	font-size: .15rem;
	color: #247dd8;
}
.prorank td .rkp{
	width: 1.35rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.statla{
	display: flex;
	padding-top: .15rem;
	padding-bottom: .05rem;
}
.statla li{
	flex: 1;
	text-align: center;
	padding: 0 .05rem;
	position: relative;
	padding-bottom: .05rem;
}
.statla li.active:before{
	content: '';
	display: block;
	width: .52rem;
	height: .02rem;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.statla li a{
	display: block;
	color: #fff;
}
.statla li a:after{
	content: "\f107";
	font-family: FontAwesome;
	margin-left: .04rem;
}

.statbook li{
	position: relative;
	padding: .12rem 0 .15rem 1rem;
	border-bottom: 1px solid #dddddd;
}
.statbook li img{
	width: .85rem;
	height: 1.2rem;
	position: absolute;
	top: .15rem;
	left: 0rem;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.statbook li h2{
	font-size: .18rem;
	color: #000;
	font-weight: 500;
	line-height: 1.5;
	height: .54rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: .1rem;
}
.statbook li p{
	color: #313131;
	font-size: .13rem;
	line-height: .2rem;
	margin-bottom: .05rem;
}
.statbook li p a i{
	color: #247dd8;
	font-size: .15rem;
	margin-right: .1rem;
}
.statbook li p a b{
	color: #247dd8;
	font-size: .2rem;
}

.fenxil{
	
}
.fenxil li{
	float: left;
	width: .5rem;
	height: .3rem;
	line-height: .28rem;
	text-align: center;
	border: 1px solid #247dd8;
	border-radius: .04rem;
	color: #247dd8;
}
.fenxil li.active{
	background-color: #247dd8;
	color: #fff;
}
.fenxil li+li{
	border-left: 0;
}
.fenxil li a{
	display: block;
}

.fenxir{
	position: relative;	
	padding-left: .4rem;
	padding-right: .4rem;
	
}
.fenxir a{
	position: absolute;
	display: block;
	width: .3rem;
	height: .3rem;
	line-height: .3rem;
	top: .0rem;
	text-align: center;
	font-size: .28rem;
}
.fenxir a.fa-angle-left{
	left: 0;
}
.fenxir a.fa-angle-right{
	right: 0;
}
.fenxir p{
	font-size: .15rem;
	color: #000;
	line-height: .3rem;
}
.jiantl,
.jiantr{
	display: none;
	position: fixed;
	top: 50%;
	z-index: 999;
}
.jiantl i,
.jiantr i{
	font-size: .28rem;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	color: #808080;
	position:relative;
	width: .05rem;
}
.jiantl{	
	left: 0rem;	
}
.jiantl i{
	-webkit-animation-name:movel;
	animation-name:movel;
}
.jiantr{	
	right: .05rem;	
}
.jiantr i{
	-webkit-animation-name:mover;
	animation-name:mover;
}

.collectok{
	width: 3rem;
	padding: .2rem .2rem .1rem;
}
.collectok p{
	text-align: center;
	font-size: .15rem;
}
.collectok img{
	width: 1.5rem;
	display: block;
	margin: .2rem auto .3rem auto;
}
.collectok .ccode{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	margin: .2rem auto .3rem auto;
}
.collectok .ccode canvas{
	width: 1.5rem;
	height: 1.5rem;
}
.collectok .collect-go{
	margin: .3rem auto .4rem auto;
	text-align: center;
}
.collectok .collect-go a{
	display: block;
	/*background-color: #007AC8;*/
	color: #fff;
	width: 1.4rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	margin: 0 auto;	
	border-radius: .08rem;
}
.collectok .collect-go a+a{
	margin-top: .15rem;
}

.login-agree{
	margin-bottom: .2rem;
}
.login-agree h3{
	font-size: .16rem;
	margin-bottom: .05rem;
}
.login-agree p{
	font-size: .14rem;
	text-indent: 2em;
}
.login-agree ul li{
	font-size: .13rem;
	position: relative;
	color: #4c4c4c;
	padding-left: .34rem;
}
.login-agree ul li:before{
	content: '';
	display: block;
	width: .06rem;
	height: .06rem;
	border-radius: 50%;
	background-color: #0c6fce;
	position: absolute;
	top: .08rem;
	left: .26rem;
}
.book-quan{
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	/*background-color: rgba(0,0,0,.7);*/
	background-image: url(../img/qqq.png);
	background-size: cover;
	display: block;
	position: absolute;
	bottom: .6rem;
	left: 0;
	right: 0;
	margin: auto;
  -webkit-animation-name: quan;
  animation-name: quan;
  transition: 0.5s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
	transition: 0.5s;	
}
/*----------样册----------*/

/*----------动画----------*/
@keyframes movel {
	0% {left: 100%;	 opacity: 0;}
	70% {left: 30%; opacity: 1;}
	100% {left: 0%;opacity: 0;}
}
@keyframes mover {
	0% {right: 100%;	 opacity: 0;}
	70% {right: 30%; opacity: 1;}
	100% {right: 0%;opacity: 0;}
}
@keyframes quan {
	from {transform:scale(1.0);;opacity: 1;}
  to {transform:scale(1.3);;opacity: 0;}
}
/*----------动画----------*/


/*----------海报----------*/
.canvas-main{
	background-color: #fff;
	border-radius: .08rem;
	padding: .3rem 4% .4rem;
	min-height: 6.13rem;
	background-size: 100% 100%;	
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.canvas-main .canvas-logo{
	height: .6rem;
	display: block;
	margin: auto;
}
.canvas-main .canvas-tit{
	margin-top: .2rem;
	text-align: center;
	font-size: .16rem;
}
.canvas-main .canvas-entit{
	font-size: .13rem;
	text-align: center;
	text-transform: uppercase;
}
.canvas-main .canvas-pro{
	width: 2rem;
	display: block;
	margin: .3rem auto 0 auto;
	/*-webkit-box-reflect: below 0px -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,0.3));*/
}
.canvas-main .canvas-prot{
	width: 2rem;
	margin: .1rem auto 0 auto;
	font-size: .14rem;
	text-align: center;
}
.canvas-main .canvas-code{
	width: 2.5rem;
  margin: .3rem auto 0 auto;
  position: relative;
  padding-left: 1.1rem;
  padding-top: .1rem;
  min-height: .9rem;
}
.canvas-main .canvas-code .canvas-code-img{
	width: .95rem;
	height: .95rem;
	position: absolute;
	top: 0;
	left: 0;
}
.canvas-main .canvas-ico{
	width: .24rem;
	height: .24rem;
	position: absolute;
	top: .33rem;
    left: .36rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.canvas-main .canvas-code .canvas-code-img canvas{
	width: 100%;
	border: .04rem solid #fff;
}
.canvas-main .canvas-code p{
	font-size: .13rem;
}
.canvas-main .canvas-tit,
.canvas-main .canvas-entit,
.canvas-main .canvas-prot,
.canvas-main .canvas-code p{
	color: #000;
}

.canvasinfo{
	font-size: .13rem;
	margin-bottom: 0;
	/*text-align: center;*/
}

.canvas-change{
	margin-bottom: .1rem;
}
.canvas-changet{
	border-left: .04rem solid #007ec5;
	padding-left: .1rem;
	line-height: .2rem;
}
.canvas-changeimg{
	margin-top: .15rem;
	width: 100%;	
  display: -webkit-flex;
  display: flex;
}
.canvas-changeimg li{
	width: 1.03rem;
	margin-right: .1rem;	
	-webkit-flex: 1;
	flex: 1;
	position: relative;
}
.canvas-changeimg li img{
	width: 1.03rem;
	max-width: none; 
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(99,99,99,0.6);
}
.canvas-changeimg li.on:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	position: absolute;
	top: 0;
	left: 0
}
.canvas-changeimg li.on:before{
	content: '\f058';
	font-family: FontAwesome;
	color: #5eb95e;
	position: absolute;
	top: .0rem;
	right: .05rem;
	z-index: 9;
	font-size: .22rem;
}


.canvas-haibao1{
	background-image: url(../img/haibao1.jpg);
}


.canvas-haibao2{
	background-image: url(../img/haibao2.jpg);	
}

.canvas-haibao2 .canvas-tit,
.canvas-haibao2 .canvas-entit,
.canvas-haibao2 .canvas-prot,
.canvas-haibao2 .canvas-code p{
	color: #fff;
}


.canvas-haibao3{
	background-image: url(../img/haibao3.jpg);
}
/*----------海报----------*/

.footer ~ .content{
	padding-bottom: .7rem;	
}

.serfoot{
	text-align: center;
	background-color: rgba(245, 245, 245, 0.8);
	padding: .1rem 0;
	width: 100%;
}
.serfoot p{
	font-size: .12rem;
	color: #5f5f5f;
}


/*----------新版海报----------*/
@font-face {
	font-family: "poster";
  src: url('../canvas/poster.ttf'); 
}
.poster-main {
  height: 6.13rem;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(151,151,151,.6));
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(151,151,151,.6);
}
.poster{
	width: 100%;
	height: 100%;	
  border-radius: .08rem;  
  background-size: 100% 100%;
  background-repeat: no-repeat;
  
}


.poster1{
	background-image: url(../img/poster1.jpg);
	color: #fff;
	padding: .3rem .15rem .1rem;
}

.poster1 .poster-pro{
	width: 30%;
	height: 3.9rem;
	padding: 0 .2rem;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	align-items:center
}
.poster1 .poster-pro p{
	font-family: poster;
	font-size: .5rem;
	text-align: center;
	line-height: 1.3;
	max-height: 100%;
	word-break: break-all;
}
.poster1 .poster-info{
	width: 70%;
	padding: .1rem 0 .1rem .2rem;
	border-left: 1px solid #fff;
}
.poster1 .poster-info p{
	font-size: .14rem;
	margin-bottom: .15rem;
	overflow: hidden;
	height: 1.54rem;	
	text-indent: 2em;
}
.poster1 .poster-img{
  width: 1.99rem;
  height: 1.99rem;
  text-align: center;
  position: relative;
}
.poster1 .poster-img img{
	display: inline-block;
	max-width: 100%;
	height: 100%;
}
.poster1 .poster-hb{
	margin-top: .4rem;
	padding: 0 .1rem;
	position: relative;
}
.poster1 .poster-code{
	width: 1rem;
}
.poster1 .poster-code canvas{
	width: 100%;
  border: .04rem solid #fff;
}
.poster1 .poster-ico {
  width: .24rem;
  height: .24rem;
  position: absolute;
  top: .36rem;
  left: .48rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.poster1 .poster-contact{
	width: 1.7rem;
	padding-top: .2rem;
}
.poster1 .poster-contact p{
	font-size: .16rem;
	
}
.poster1 .poster-contact span{
	display: block;
	font-size: .13rem;
	margin-top: .05rem;
}


.poster2{
	background-image: url(../img/poster2.jpg);
	color: #fff;
	padding: .3rem .15rem .1rem;	
}

.poster2 .poster-pro{
	width: 30%;
	height: 3.9rem;
	padding: 0 .2rem;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	align-items:center
}
.poster2 .poster-pro p{
	font-family: poster;
	font-size: .5rem;
	text-align: center;
	line-height: 1.3;
	max-height: 100%;
	word-break: break-all;
}
.poster2 .poster-info{
	width: 70%;
	padding: .1rem 0 .1rem .2rem;
	border-left: 1px solid #fff;
}
.poster2 .poster-info p{
	font-size: .14rem;
	margin-bottom: .15rem;
	overflow: hidden;
	height: 1.54rem;	
	text-indent: 2em;
}
.poster2 .poster-img{
  width: 1.99rem;
  height: 1.99rem;
  text-align: center;
  position: relative;
}
.poster2 .poster-img img{
	display: inline-block;
	max-width: 100%;
	height: 100%;
}
.poster2 .poster-hb{
	margin-top: .4rem;
	padding: 0 .1rem;
	position: relative;
}
.poster2 .poster-code{
	width: 1rem;
}
.poster2 .poster-code canvas{
	width: 100%;
  border: .04rem solid #fff;
}
.poster2 .poster-ico {
  width: .24rem;
  height: .24rem;
  position: absolute;
  top: .36rem;
  left: .48rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.poster2 .poster-contact{
	width: 1.7rem;
	padding-top: .2rem;
}
.poster2 .poster-contact p{
	font-size: .16rem;
	
}
.poster2 .poster-contact span{
	display: block;
	font-size: .13rem;
	margin-top: .05rem;
}


.poster3{
	background-image: url(../img/poster3.jpg);
	color: #816642;
	padding: .4rem .15rem .1rem;	
}
.poster3 .poster-ht{
	
}
.poster3 .flower{
	width: 100%;
	margin-bottom: .1rem;
	margin-top: .1rem;
}
.poster3 .poster-ht h2{
	font-family: poster;
  font-size: .5rem;
  font-weight: 500;
  text-align: center;
  display: block;
  overflow: hidden;
  height: .6rem;
  line-height: .6rem;
}
.poster3 .poster-ht p{
	font-size: .14rem;
	height: .88rem;
	overflow: hidden;
	text-indent: 2em;
	
}
.poster3 .poster-img{
	width: 2rem;
	height: 2rem;
	display: block;
	margin: .15rem auto 0 auto;
	text-align: center;
	position: relative;
}
.poster3 .poster-img img{
	display: inline-block;
	max-width: 100%;
	height: 100%;
}
.poster3 .poster-hb{
	margin-top: .3rem;
	padding: 0 .1rem;
	position: relative;
}
.poster3 .poster-code{
	width: 1rem;
}
.poster3 .poster-code canvas{
	width: 100%;
  border: .04rem solid #fff;
}
.poster3 .poster-ico {
  width: .24rem;
  height: .24rem;
  position: absolute;
  top: .36rem;
  left: .48rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.poster3 .poster-contact{
	width: 1.7rem;
	padding-top: .2rem;
}
.poster3 .poster-contact p{
	font-size: .16rem;
	
}
.poster3 .poster-contact span{
	display: block;
	font-size: .13rem;
	margin-top: .05rem;
}
/*----------新版海报----------*/