input[type="number"],
input[type="text"],
input[type="email"],
input[type="url"],
textarea,
select {
    
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	border-radius:0px;
}

::-webkit-scrollbar {

	display: none;
    height: 0;
    width: 0;
}

*:not(input):not(textarea) {

    -webkit-user-select: none; /* disable selection/Copy of UIWebView */
	-webkit-touch-callout: none;  /* disable the IOS popup when long-press on a link */
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;

}


* { 
     -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
}

body {

  font-family: "方正兰亭黑","微软雅黑", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  text-align:center;
  background-size: cover;
  /*background-image:url(../images/cover1.jpg);*/
  background-color:#fff;

}

.title{
 
  width:100%;
  position:fixed;
  top:0px;
  left:0px;
  z-index:15;
  background-color:#fff;
  box-shadow: 0 0 6px #d1d1d1;
  background-color:#f1f1f1;
  border-bottom:1px solid #eee;
  visibility:hidden;

}

.title>img:nth-child(1){
	
  width:23px;
  position:absolute;
  top:10px;
  left:10px;
	
}


.title>img:nth-child(3){
	
  width:16px;
  position:absolute;
  top:14px;
  right:10px;
	
}

.title>img:nth-child(4){
	
  height:21px;
  position:absolute;
  top:10px;
  left:2px;
  display:none;
	
}

.qrcode0{
	
  width:20px;
  height:20px;
  position:absolute;
  top:11px;
  right:2.5%;
  background-image:url(../images/qrcode1.png);
  background-size:cover;

}

.search{
	
  width:70%;
  height:28px;
  border-radius:25px;
  border:1px solid #dddddd;
  margin:6px auto 6px auto;
  position:relative;	
  box-shadow: 0 0 6px #d1d1d1;
  background-color:rgba(255,255,255,0.8);
	
}

.search>form>input{
	
	border: 0px;
	outline: 0px;
	background: transparent;
	color: #000;
	position:absolute;
    height:22px;
	top:3px;
	left:13%;
	width:74%;
	font-size:14px;
	padding:0px;
	caret-color: #999;
	
}

.search>img:nth-child(1){
	
	width:26px;
	height:24px;
	position:absolute;
 	top:2px;
	left:2%
	
}

.search>img:nth-child(3){
	
	width:18px;
	position:absolute;
	top:5px;
	right:2.5%
	
}

.bottomBar{

   position:fixed;
   width:100%;
   height:	50px;
   bottom:0px;
   left:0px;
   border-top:1px solid #eee;
   z-index:100;
   background-color:rgba(255,255,255,1);
   visibility:hidden;
   
	
}


.bottomBar>span{

   position:relative;
   width:20%;
   box-sizing:border-box;
   text-align:center;
   display:inline-block;
   padding: 10px 0;
   color:#000;
   font-size:13px;
   line-height:15px;
   background-repeat: no-repeat;
   background-size: 24px ;
   background-position:center 4px ;
   line-height:19px;
   /*font-weight:660;*/
}


.bottomBar>span>div{

   font-size:12px;
   margin-top:22px;
  
 	
}


.bottomBar>.active{

   color:#000;
 	
}

.bottomBar>span:nth-child(1),.bottomBar>span:nth-child(5){

   width:17%;
	
}


.myDetail{
	
   width:100%;
   height:calc(100% - 50px);
   position:fixed;
   top:0px;
   left:0px;
   box-sizing:border-box;
   overflow-x:hidden;
   overflow-y:scroll;
   background-color:#f1f1f1;
   z-index:12;
   display:none;
   background-size:cover;
}

.myDetail>.billboards{
	
   width:100%;
   height:auto;
   min-height:100%;
   padding-bottom:10px;
 
}


.myDetail>.myStore{
	
   width:100%;
   height:160px;
   position:relative;
   /*background-color:#999;*/
   background-image: linear-gradient(90deg, #999, #ddd);
	
}

.myDetail>.myStore>img{
	
   position:absolute;
   top:120px;
   right:10px;
   width:26px;
   height:26px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
   z-index:102;
	
}

.myDetail>.myStore>.storePhoto{
	
   position:absolute;

   left:30px;
   top:40px;
   width:80px;
   height:80px;
   border-radius:40px;
   background-size:cover;

}


.myDetail>.myStore>div:nth-child(2){
	
   position:absolute;
   left:130px;
   top:50px;
   width:auto;
   text-align:left;
 
}


.myDetail>.myStore>div:nth-child(2)>.storeTitle>input{
	
   font-size:16px;
   font-weight:660;
   color:#fff;
   width:200px;
   overflow: hidden;
   text-overflow: ellipsis;
   border: 0px;
   outline: 0px;
   background: transparent;
    
}

.myDetail>.myStore>div:nth-child(2)>.storeDesc>input{
	
   font-size:14px;
   font-weight:660;
   color:#fff;
   width:200px; 
   overflow: hidden;
   text-overflow: ellipsis;
   margin-top:6px;
   border: 0px;
   outline: 0px;
   background: transparent;
}

.myInfo{
	
   width:100%;
   height:calc(100% - 50px);
   position:fixed;
   top:0px;
   left:0px;
   box-sizing:border-box;
   overflow-x:hidden;
   overflow-y:scroll;
   background-color:#f1f1f1;
   z-index:12;
   display:none;
   background-size:cover;
}

.myInfo>.myTitle{
	
   width:100%;
   height:190px;
   position:relative;
   /*background-color:#999;*/
   background-image: linear-gradient(90deg, #666, #ddd);
	
}

.myInfo>.myTitle>img{
	
   position:absolute;
   top:20px;
   right:10px;
   width:26px;
   height:26px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
   z-index:102;
	
}

.myInfo>.myTitle>.myPhoto{
	
   position:absolute;
   left:30px;
   top:40px;
   width:80px;
   height:80px;
   border-radius:40px;
   background-size:cover;

}


.myInfo>.myTitle>div:nth-child(2){
	
   position:absolute;
   left:130px;
   top:50px;
   width:auto;
   text-align:left;
 
}


.myInfo>.myTitle>div:nth-child(2)>.myNickName{
	
   font-size:16px;
   font-weight:660;
   color:#fff;
   width:200px;
   overflow: hidden;
   text-overflow: ellipsis;
   background: transparent;
    
}

.myInfo>.myTitle>div:nth-child(2)>.myDesc{
	
   font-size:14px;
   font-weight:660;
   color:#fff;
   width:200px; 
   overflow: hidden;
   text-overflow: ellipsis;
   margin-top:6px;
   background: transparent;
}

.myInfo>.myDigest{
	
   height:80px;
   border-radius:40px;
   position:absolute;
   left:10px;
   top:150px;
   background-color:#fff;
   padding-left:12px;
   padding-right:12px;
   box-sizing:border-box;
   box-shadow: 0 0 6px #d1d1d1;
}

.myInfo>.myDigest>span{
	
   height:80px;
   line-height:24px;
   text-align:center;
   color:#333;
   display:inline-block;
   padding-top:14px;
   	
}

.myInfo>.myService{
	
   height:auto;
   border-radius:10px;
   margin-top:14px;
   background-color:#fff;
   padding:20px 10px 0px 10px;
   box-sizing:border-box;
   margin-left:10px;
   box-shadow: 0 0 3px #d1d1d1;
   	
}

.myInfo>.myService>div{
	
   width:100%;
   text-align:left;
   padding-left:10px;
   font-size:16px;
}

.myInfo>.myService>span{
	
   height:60px;
   line-height:24px;
   text-align:center;
   color:#333;
   display:inline-block;
   padding-top:14px;
   margin-top:20px;

}

.myInfo>.myService>span>img{
	
   width:22px;
   height:auto;
}


.myInfo>.myTeam{
	
   height:auto;
   border-radius:10px;
   margin-top:14px;
   background-color:#fff;
   padding:20px 10px 0px 10px;
   box-sizing:border-box;
   margin-left:10px;
   box-shadow: 0 0 3px #d1d1d1;
   margin-bottom:14px;
   padding-bottom:20px;
   font-size: 0;
   	
}

.myInfo>.myTeam>div{
	
   width:100%;
   text-align:left;
   padding-left:10px;
   font-size:16px;
   margin-bottom:20px;
}

.myInfo>.myTeam>span{
	
   height:80px;
   width:46%;
   line-height:24px;
   text-align:center;
   color:#333;
   display:inline-block;
   line-height:19px;
   border:1px solid #eee;
   border-top:0px;
   border-left:0px;
   background-repeat: no-repeat;
   background-size: 24px ;
   background-position:90% center;
   font-size:16px;
   padding:10px;
   box-sizing:border-box;
   text-align:left;
   position:relative;
   margin-left:0px;
   padding-left:0px;
   
}

.myInfo>.myTeam>span:nth-child(odd){
	
   border-right:0px;	
}

.myInfo>.myTeam>span:nth-last-child(1){
	
   border-bottom:0px;	
}


.myInfo>.myTeam>span:nth-last-child(2){
	
   border-bottom:0px;	
}

.myInfo>.myTeam>span>div:nth-child(1){

   position:absolute;
   top:20px;
   left:10px;
   
}

.myInfo>.myTeam>span>div:nth-child(2){
	
   color:#bbb;
   position:absolute;
   bottom:10px;
   left:10px;
   font-size:14px;
   
}

.detailBox{
	
   width:100%;
   height:calc(100% - 90px);
   position:fixed;
   top:40px;
   left:0px;
   box-sizing:border-box;
   z-index:10;
	
	
}

.detailBox .swiper-container {
 
  width: 100%;
  height: 100%;

}

.detailBox .swiper-slide {
 
  width:100%;
  overflow:hidden;
  position:relative;
}

.detail{
	
   width:100%;
   height:100%;
   position:absolute;
   top:0px;
   left:0px;
   box-sizing:border-box;
   overflow-x:hidden;
   overflow-y:scroll;
   background-color:#f1f1f1;
   padding-top:40px;

}

.detail>.billboards {
	
   display:none;
}

.myDetail>.billboards {
	
   display:none;
   position:relative;
}

.billboards{
	
   width:100%;
   height:304px;
   background-image: url(../images/homeimages/room.jpg);
   background-size: 100% auto;
   background-color:#f1f1f1;
   padding-top:2px;
  
 
}

/*.billboards:before {
  
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;

  display: block;
  background-image: url(../images/homeimages/room.jpg);
  background-size: 100% auto;
  width: 100%;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);

}*/

.billboards>.allChatMenu{
	
	width:30px;
	height:30px;
    position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
    background-position:3px center;
    background-size:28px 28px;
	display:block;
	background-image:url(../images/chatCabinet1.png);
}


.billboards>div{
	
   margin-top:30px;
   position:relative;
   overflow:hidden;
}

.billboards>.cabinetBox{
	
	
	background:transparent;

}


.billboards>div:nth-child(1){

   position:relative;
   /*margin-top:5px;*/
	
}

.cabinetBox{
	
   background-color:#333;
}

.boxBtn{
	
  width:calc(100% - 12px);
  text-align:right;	
  height:30px;
  background-color:transparent;
  margin-bottom:-20px;
  margin-top:14px;
  display:none;
 	
}

.boxBtn>span:nth-child(1){
	
  height:26px;
  border-radius:13px;
  background-image:url(../images/down3.png);
  background-repeat:no-repeat;
  background-position:8px center;
  background-size:14px 14px;
  margin-left:5px;
  display:inline-block;
  padding-left:6px;
  padding-right:6px;
  width:62px;
  background-color:#cdcdcd;
  vertical-align:middle;
  box-sizing:border-box;
  line-height:24px;

}

.boxBtn>span:nth-child(1)>a{

  font-size:12px;
  color:#666666;
  margin-left:8px;
  margin-right:4px;

}

.boxBtn>span:nth-child(2)>a{

  font-size:12px;
  color:#666666;

}


/*.boxBtn>span:nth-child(2){
	
  width:28px;
  height:28px;
  border-radius:14px;
  background-image:url(../images/close_c.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:28px 28px;
  margin-left:5px; 
  margin-right:-6px;
  display:inline-block;
  vertical-align:middle;
}*/


.boxBtn>span:nth-child(2){
	
  height:26px;
  width:26px;
  border-radius:13px;
  background-image:url(../images/clear.png);
  background-repeat:no-repeat;
  background-position:6px center;
  background-size:14px 14px;
  margin-left:5px;
  display:inline-block;
  padding-left:8px;
  padding-right:8px;
  background-color:#cdcdcd;
  vertical-align:middle;
  box-sizing:border-box;
  line-height:24px;
  text-align:center;

}

.cabinet{
	
   height:auto;
   width:calc(100% - 12px);
   margin-left:6px;
   margin-top:10px;
   position:relative; 
   border-radius:6px;
   overflow-y:hidden;
   /*min-height:calc(100% - 50px);*/
   background-color:#333;
   background-color:transparent;

}

.billboards>.group{

   height:auto;
   width:calc(100% - 12px);
   position:absolute; 
   margin-left:initial;
   margin-top:initial;  
   left:6px;
   top:0px;
   border-radius:6px;
   overflow-y:hidden;
   z-index:-1;
   margin-top:6px;
 	
}


.billboards>.boxBorder{
	
   height:8px;
   width:calc(100% - 28px);
   border-radius:0px 0px 10px 10px;
   background-image: linear-gradient(to bottom, #333, rgba(191,173,111,1));
   margin-left:14px;
   margin-top:-2px;
   background-color:rgba(191,173,111,1);
   display:block;
  
}

.cabinet:nth-child(1){
	
   margin-top:0px;
  
}

.cabinet>div{
	
   width:100%;
   height:146px;
   top:0px;
   left:0px;
   /*background:linear-gradient(to bottom right, rgba(191,173,111,0.5), rgba(0,0,0,0.8)), url(../images/msg2.jpg);*/
   background-size:cover;
   position:absolute;
   z-index:100;
   border-radius:6px;
   font-size:12px;
   color:#e1e1e1;
   text-align:center;
   cursor:default;
   color:#ffffff;
   text-shadow:1px 1px 1px #000;
   box-sizing:border-box;
   border:4px rgba(191,173,111,1) solid;   /*rgba(238/194/46,1)*/
   border-top:0px;
   
}

.chatCabinet{

   /*text-shadow:1px 1px 1px #333;*/
   position: absolute;
   top: 8px;
   left:6px;
   z-index:10;
}

.chatCabinet>span:nth-child(1){


   width:24px;
   height:24px;
   border-radius:12px;
   background-size:cover;
   margin-right:0px;
   display:inline-block;
   box-shadow: 0 0 3px #333;
   vertical-align:top;
   
}


.chatCabinet>span:nth-child(2){

   font-size:12px;
   line-height:13px;
   display:inline-block;
   text-align:left;
   
}
 
.chatCabinet>span:nth-child(2)>span{

   margin-left:10px;
   display:none;
   height:30px;
   padding: 0px 0px 20px 0px;

}

.chatCabinet>span:nth-child(2)>a:nth-child(4){

   font-size:8px;
   /*visibility:hidden;*/

}

.chatCabinet>span:nth-child(3){

   width:16px;
   height:16px;
   background-color:#fe0036;
   color:#fff;
   left:-4px;
   top:-6px;
   border-radius:8px;
   font-size:8px;
   line-height:15px;
   position:absolute;
   text-align:center;
  
}

.cabinet>div>div:nth-child(2){

   position: absolute;
   right: 6px;
   top:6px;
   line-height:normal;
   text-align:right;
   z-index:10;
}

.cabinet>div>div:nth-child(2)>a{

   margin-left:6px;
   display:block;
   height:30px;
   float:left;

}

/*.editCabinet{
	
   display:none;
   
}*/

.chatMenu{
	
   padding:0px 6px 20px 6px;
   display:none;
   
}
	
.cabinet>div>div:nth-child(3){
	
   font-size:16px;
   position: absolute;
   top: 0px;
   left:0px;
   /*-webkit-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);*/
   font-weight:600;
   /*text-shadow:1px 1px 1px #333;*/
   width:100%;
   height:40px;
   line-height:40px;
   background:linear-gradient(to bottom right, rgba(191,173,111,1),rgba(191,173,111,1));   /*191,173,111*/
   z-index:9;

}

.cabinet>div>div:nth-child(3)>input{
	
	border: 0px;
	outline: 0px;
	background-color: rgba(0,0,0, 0.7);
	color: #999;
   	font-size:16px;
	padding:4px 12px 6px 12px;
	caret-color: #fff;
	height:32px;
	border-radius:16px;
	box-sizing:border-box;
	width:100%;

   
}

.cabinet>div>div:nth-child(3)>img{
	
	position:absolute;
	right:6px;
	top:6px;
	height:20px;
}

.cabinet>div>.foldCabinet{
	
	position:absolute;
	right:6px;
	bottom:6px;
	filter: alpha(opacity=90);
    opacity: 0.9;

}

.cabinet>div>.foldCabinet>img{
	
	width:24px;
	height:24px;
	
}

.cabinet>div>.advCabinet{
	
   font-size:12px;
   position: absolute;
   bottom: 6px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   color:#ddd;
   width:auto;
   background-color:rgba(0,0,0,0.6);
   padding-right:8px;
   padding-left:8px;
   border-radius:8px;
   height:18px;
   line-height:18px;
   white-space:nowrap;
   text-shadow:0px 0px 0px #333;

}

.dialog{


   width:100%;
   height: 400px;
   background-color:#f1f1f1;
   position:relative;
   display:block;
   margin-top:1px;
   overflow-x:hidden;
   overflow-y:scroll;
   margin-bottom:4px;
   border-radius:0px 0px 6px 6px;
   

}

.dialog>.closeDialog{
	
   position:absolute;
   right:5px;
   top:6px;
   width:25px;
   z-index:100;	
	
}

.dialog>.require{

   width:100%;
   text-align:left;
   padding-left:10px;
   position:relative;
   margin-bottom:8px;
   box-sizing:border-box;
      
}

.dialog>.require>span:nth-child(1){

   width:calc(100% - 10px);
   text-align:center;
   color:#999;
   display:block;
   padding:6px;
   margin-left:-10px;
   font-size:12px;
   /*margin-bottom:10px;*/
      
}

.dialog>.require>span:nth-child(2){

   display:inline-block;
   width:36px;
   height:36px;
   border-radius:3px;
   background-size:cover; 
   vertical-align:top;
   margin-right:8px;
      
}

.dialog>.require>span:nth-child(3){

   background-color:#fff;
   border-radius:3px;
   /*min-height:36px;*/
   max-width: calc(100% - 124px);
   display:inline-block;
   padding:8px;
   line-height:22px;
   font-size:16px;
   color:#000;
   margin-top:18px;
   margin-bottom:10px;
      
}

.dialog>.require>span:nth-child(3)>textarea{

   background-color:#fff;
   border-radius:3px;
   height:60px;
   display:inline-block;
   line-height:22px;
   font-size:16px;
   color:#999;
   text-align:left;
   font-family: "方正兰亭黑","微软雅黑", Arial, Helvetica, sans-serif;
   border: 0px;
   outline: 0px;
   resize:none
    
}

.dialog>.require>span:nth-child(4){

   position:absolute;
   top:24px;
   left:57px;
   font-size:12px;
      
}

.dialog>.require>div:nth-child(5){

   position:absolute;
   left:54px;
   top:46px;
   
}

.dialog>.answer{

   width:100%;
   text-align:right;
   margin-right:10px;
   position:relative;
   margin-bottom:8px;
   
}

.dialog>.answer>span:nth-child(1){

   width:calc(100% - 20px);
   text-align:center;
   color:#999;
   display:block;
   padding:6px;
   margin-right:10px;
   font-size:12px;
      
}

.dialog>.answer>span:nth-child(2){

   background-color:#a4e961;
   border-radius:3px;
   /*min-height:36px;*/
   max-width: calc(100% - 132px);
   display:inline-block;
   padding:8px;
   line-height:22px;
   font-size:16px;
   color:#000;
   text-align:left;
   margin-top:18px;
   margin-bottom:10px;
    
}

.dialog>.answer>span:nth-child(2)>textarea{

   background-color:#a4e961;
   border-radius:3px;
   height:60px;
   display:inline-block;
   line-height:22px;
   font-size:16px;
   color:#999;
   text-align:left;
   font-family: "方正兰亭黑","微软雅黑", Arial, Helvetica, sans-serif;
   border: 0px;
   outline: 0px;
   resize:none;
    
}


.dialog>.answer>span:nth-child(3){

   display:inline-block;
   width:36px;
   height:36px;
   border-radius:3px;
   background-size:cover; 
   vertical-align:top;
   margin-left:8px;
   margin-right:10px;   
}

.dialog>.answer>span:nth-child(4){

   position:absolute;
   top:24px;
   right:60px;
   font-size:12px;
      
}

.dialog>.answer>div:nth-child(5){

   position:absolute;
   right:54px;
   top:46px;
   
}

.billboard{
	
	width:100%;
	height: calc(100% - 50px);
	position:fixed;
	top:0px;
	left:0px;
    z-index:106;
	display:none;
	overflow-x: hidden;
    overflow-y: scroll;
    background-color: #f1f1f1;
	
}

.billboard .chatBox {
	
	width:100%;
	height: calc(100% - 50px);
	position:fixed;
	top:0px;
	left:0px;
    z-index:100;
	display:none;
	overflow-x: hidden;
    overflow-y: scroll;
    background-color: #f1f1f1;
	
}

.billboard .goBack{
	
   position:fixed;
   top:10px;
   left:10px;
   width:32px;
   height:32px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
   z-index:102;
  
     	
}

.billboard .goCollect{
	
   position:fixed;
   top:10px;
   right:10px;
   width:32px;
   height:32px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
   z-index:102;
   
     	
}

.billboard .goChooseBox{
	
   position:fixed;
   top:10px;
   right:50px;
   font-size:12px;
   z-index:102;
   color:#666;
   width:auto;
   
    	
}

/*.billboard .goChooseBox a{
	
   margin-left:0px;
     
    	
}*/

.billboard .goChoose{
	
   position:fixed;
   top:10px;
   left:50px;
   font-size:12px;
   z-index:102;
   color:#666;
   width:auto;
   display:none; 
 	
}

.billboard .nameCabinet{
	
   position:fixed;
   top:10px;
   width:auto;
   border-radius:16px;
   height:32px;
   line-height:32px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
   z-index:102;
   background-image: linear-gradient(-90deg, #999, #000);
   color:#fff;
   font-size:16px;
   padding: 0px 16px 0px 4px;
   box-sizing:border-box; 
   left:50%;
  -webkit-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   display:inline-block;
   /*text-shadow:1px 1px 1px #333;*/
     	
}

.billboard .titleCover{
	
	width:100%;
	height:46px;
	position:fixed;
	left:0px;
	top:0px;
	background-color:#f1f1f1;
	z-index:99;
}
	

/* 向上的箭头 */

.arrow-top {
font-size: 0;
line-height: 0;
border-width: 10px;
border-color: white;
border-top-width: 0;
border-style: dashed;
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
}
/* 向右的箭头 */

.arrow-right {
font-size: 0;
line-height: 0;
border-width: 10px;
border-color: #a4e961;
border-right-width: 0;
border-style: dashed;
border-left-style: solid;
border-top-color: transparent;
border-bottom-color: transparent;
}
/* 向下的箭头 */

.arrow-bottom {
font-size: 0;
line-height: 0;
border-width: 10px;
border-color: white;
border-bottom-width: 0;
border-style: dashed;
border-top-style: solid;
border-left-color: transparent;
border-right-color: transparent;
}
/* 向左的箭头 */

.arrow-left {
font-size: 0;
line-height: 0;
border-width: 10px;
border-color: white;
border-left-width: 0;
border-style: dashed;
border-right-style: solid;
border-top-color: transparent;
border-bottom-color: transparent;
}

/*.cabinet>span:nth-child(1){
	
  width:40px;
  height:146px;

  display:inline-block;
  float:left;
  position:relative;
  text-align:center;
  border-radius:6px 0px 0px 6px;
  background-size:cover;
  border:0px solid #fff;
	
}

.cabinet>span:nth-child(1)>div:nth-child(1){
	
  width:30px;
  font-size:18px;
 
  color:#fff;

  position: absolute;
  top: 50%;
  left:50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);

}

.cabinet>span:nth-child(1)>div:nth-child(2){
	

  position:absolute;
  width:16px;
  right:12px;
  top:2px;
  height:16px;
  background-image:url(../images/closeCabinet1.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:16px; auto;
  
}


.cabinet>span:nth-child(1)>div:nth-child(3){
	

  position:absolute;
  width:16px;
  right:12px;
  bottom:2px;
  height:16px;
  background-image:url(../images/chatCabinet1.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:16px; auto;
  
}

.cabinet>span:nth-child(1)>div:nth-child(4){
	

  position:absolute;
  width:12px;
  left:4px;
  bottom:12px;
  height:12px;
  line-height:10px;
  font-size:8px;
  border-radius:6px;
  color:#fff;
  background-color:#fe0036;
  text-align:center; 
}*/



.cabinet>span:nth-child(1){
	
  height:146px;
  white-space:nowrap;
  overflow-x:scroll;
  overflow-y:hidden;
  color:#333;
  display:inline-block;
  width:100%;
  border-radius:6px;
  position:relative;
  z-index:0;
  text-align:left;

}

.cabinet>span:nth-child(1)>div{
	
   width:100%;
   height:148px;
   display:none;
   position:absolute;
   top:0px;
   left:0px;
   border-radius:inherit;
 
}

.cabinet>span:nth-child(1)>div>span{
	
   display:inline;
   height:148px;
   line-height:148px;
   text-align:center;
   float:left;   
   line-height::148px;
 
}


.pdts{
	
   width:100px;
   height:146px;
   display:none;
   margin-right:4px;
   background-color:#fff;
   position:relative; 
   border:0px solid #e1e1e1;
   box-sizing:border-box;
   margin-bottom:4px;
  
 
}

.cabinet>span>span>.delCabinetPdt {
	
   position:absolute;
   top:2px;
   right:2px;
   width:20px;
   height:20px;
   filter: alpha(opacity=85);
   opacity: 0.85; 
   
 
}

.expired {
	
   position:absolute;
   top:2px;
   left:2px;
   width:60px;

   
 
}

.waiting {
	
   position:absolute;
   top:2px;
   left:2px;
   color:#fff;
   font-size:10px;
   background-color:#fe0036;
   width: fit-content; 
   height: fit-content; 
   border-radius:2px;
   padding:2px 4px 2px 4px;

}

.pdts:nth-last-child(1){

   margin-right:0px;

}

.pdts>div:nth-child(1){
	
   width:100px;
   height:100px;
   background-repeat: no-repeat;
   background-size: 96% auto;
   background-position:center center;
   
}

.pdts>div:nth-child(2){
   
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	white-space:normal;
	word-break:break-all;
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box;
	position:absolute;
	bottom:29px;
	
	/*text-shadow: 0 0 2px #fff;*/
	box-sizing:border-box;
	/*font-weight:660;*/
	text-align:left;
	
		
}

.pdts>div:nth-child(3){
	
   position:absolute;
   bottom:10px;
   left:1px;
   background-color:transparent;
   border-radius:0px;
   height:14px;
   line-height:10px;
   padding:1px 4px 1px 2px;
   color:#333;
   font-size:8px;
   display:inline-block;
   border:0px dotted #000;
   text-align:left;
 
}

.pdts>div:nth-child(3)>span{
	
   display:block;
   border-right: 1px dotted #999;
   height:14px;
   padding-right:4px;
   float:left;
   margin-right:4px;
   
   
}

.pdts>div:nth-child(4):not(.waiting){
	
   position:absolute;
   bottom:0px;
   right:4px;
   width:auto;
   display:inline-block;
   font-size:12px;
   font-weight:600;
   color:#fe0036;
   
   
}

.pdts>div:nth-child(4)>a{
	
   font-size:8px;
 
}

/*.pdts>div:nth-child(4)>div{
	
   margin: 0 auto;
   border-radius:9px;
   height:16px;
   min-width:18px;
   line-height:16px;
   background-color:#transparent;
   color:#fe0036;
   font-size:12px;
   display:inline-block;
   box-sizing:border-box;
   padding-left:6px;
   padding-right:6px;
   box-sizing:border-box;
   overflow-y:hidden;
   font-weight:600;

}

.pdts>div:nth-child(4)>div>div{
	
	margin-bottom:6px;
	float:left;
	font-weight:normal;
}*/

.pdts>div:nth-child(5):not(.waiting){
	
	position:absolute;
	bottom:16px;
	right:5px;
	color:#fe0036;
	font-size:8px;
}


.answerPdts{
	
	position:relative;
	margin:0px 60px 10px 0px;

}


.answerPdts>.pdts{
	
   width:100px;
   height:146px;
   display:inline-block;
   margin-left:8px;
   background-color:#fff;
   position:relative; 
   border:0px solid #e1e1e1;
   box-sizing:border-box;
   box-shadow: 0 0 6px #d1d1d1;
   background-repeat:no-repeat;
   background-position:center;
   background-size:60px auto;

}

.doSend{
	
	width:100%;
	text-align:right;
	padding-bottom:20px;
	padding-right:58px;
	padding-left:38px;
	box-sizing:border-box;
	   	
}

.doSend>.doRequire{
	
	width:auto;
	height:32px;
	padding: 3px 16px 3px 16px;
	border-radius:16px;
	color:#fff;
	box-sizing:border-box;
	margin-left:10px;
	box-shadow: 0 0 6px #d1d1d1;
	background-color:#444;
	
   
}


.doSend>span{
	
	width:auto;
	height:32px;
	/*padding: 3px 16px 3px 16px;*/
	border-radius:16px;
	color:#fff;
	box-sizing:border-box;
	margin-left:10px;
	/*box-shadow: 0 0 6px #d1d1d1;
	background-color:#444;*/
	
   
}

.answer .doSend>span{
	
	color:#919191;
	/*background-color:#a4e961;
	box-shadow: 0 0 6px #d1d1d1;*/

   
}

.require .doSend>span{
	
   color:#919191;
   /*background-color:#fff;
box-shadow: 0 0 6px #d1d1d1;*/
}

/*.answerPdts>.pdts:nth-last-child(1){

   margin-right:0px;

}*/

.answerPdts>.pdts{
	
   width:100px;
   height:146px;
   margin-right:4px;
   background-color:#fff;
   position:relative; 
   border:0px solid #e1e1e1;
   box-sizing:border-box;
   margin-bottom:4px;
  
 
}

.answerPdts>.pdts>.delCabinetPdt {
	
   position:absolute;
   top:2px;
   right:2px;
   width:24px;
   height:24px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
   
 
}

.answerPdts>.pdts:nth-last-child(1){

   margin-right:0px;

}

.answerPdts>.pdts>div:nth-child(1){
	
   width:100px;
   height:100px;
   background-repeat: no-repeat;
   background-size: 90% auto;
   background-position:center center;
   
}

.answerPdts>.pdts>div:nth-child(2){
   
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box;
	position:absolute;
	bottom:30px;
	white-space:normal;
	/*text-shadow: 0 0 2px #fff;*/
	box-sizing:border-box;
	/*font-weight:660;*/
	text-align:left;
	word-break:break-all;
		
}

.answerPdts>.pdts>div:nth-child(3){
	
   position:absolute;
   bottom:9px;
   left:1px;
   background-color:transparent;
   border-radius:0px;
   height:14px;
   line-height:11px;
   padding:1px 4px 1px 2px;
   color:#333;
   font-size:8px;
   display:inline-block;
   border:0px dotted #000;
   text-align:left;
 
}

.answerPdts>.pdts>div:nth-child(3)>span{
	
   display:block;
   border-right: 1px dotted #999;
   height:14px;
   padding-right:4px;
   float:left;
   margin-right:4px;
   
   
}

.answerPdts>.pdts>div:nth-child(4):not(.waiting){ 
	
   position:absolute;
   bottom:0px;
   right:4px;
   width:auto;
   display:inline-block;
   font-size:12px;
   font-weight:600;
   color:#fe0036;
   
   
}

.answerPdts>.pdts>div:nth-child(4)>a{
	
   font-size:8px;
 
}

.answerPdts>.pdts>div:nth-child(5):not(.waiting){
	
   position:absolute;
   bottom:16px;
   right:5px;
   color:#fe0036;
   font-size:8px;

}


.classes{
	
   width:100%;
   height:40px;
   background-color:#fff;
   white-space:nowrap;
   overflow-x:scroll;
   overflow-y:hidden;
   box-shadow: 0 0 6px #d1d1d1;
   position:fixed;
   top:40px;
   left:0px;
   z-index:11;
   visibility:hidden;
   text-align:left;
   
   
}

.expand{
	
  width:40px;
  height:20px;
  border-radius:0px 0px 40px 40px;
  background-image:url(../images/downsub.png);
  background-repeat: no-repeat;
  background-size: 26% auto;
  background-position:center 30%;
  position:absolute;
  background-color:#f1f1f1;
  z-index:11;
  display:none;
}

.subClass{
	
  width:100%;	
  text-align:left;
  padding-bottom:10px;
  background-color:#fff;

}

.subClass>span{
	
  width:20%;
  display:inline-block;
  font-size:12px;
  text-align:center;

}

.subClass>.over10{
	
  display:none;
}

.subClass>span>div{
	
  width:12vw;
  margin:20% 20% 2% 20%;
  height:12vw;
  background-size:100% auto;
  background-position:center;
  background-repeat:no-repeat;
}

.subClass>.to10{
	
  display:none;
}

.subClass>.toOver10>div,.subClass>.to10>div{

  background-size:50% auto;
  
}

.classes>div{
	
   height:2px;
   background-color:#fe0036;
   width:30px;
   position:absolute;
   top:36px;
   /*left:-100px;*/
	
}

.classes>span{
	
   
   height:40px;
   text-align:center;
   line-height:44px;
   font-size:16px;
   display:inline-block;
   padding: 0px 10px 0px 10px;
   /*font-weight:660;*/
   position:relative;
   text-align:center;

    
}

.classes>span:last-child{
	
   margin-right:6px;	
	
}

.classes>span>div:nth-child(1){

   text-align:center;
   color:#333;
   
}

/*.classes>span>div:nth-child(2){

   height:2px;
   background-color:#fe0036;
   width:20px;
   margin: 0 auto;
   display:none;

}*/

.classes>span>div:nth-child(2){

   font-size:8px;
   color:#fe0036;
   position:absolute;
   top:-13px;
   right:0px;
   display:none;
}

.classes>.active>div:nth-child(1){
	
   color:#333;
   height:24px;
   line-height:24px;
}

/*.classes>.active>div:nth-child(2){
	
   display:block;
}*/

.classes>.active>div:nth-child(2){

   font-size:8px;
   color:#fe0036;
   position:absolute;
   top:-20px;
   right:0px;
   display:none;
}

body>.myClasses {
									 
  position:fixed;
  top:0px;
  left:0px;
  z-index:12;
								 
}

.myClasses{

   
   width:100%;
   height:40px;
   background-color:#fff;
   white-space:nowrap;
   overflow-x:scroll;
   overflow-y:hidden;
   box-shadow: 0 0 6px #d1d1d1;
   
   
}


.myClasses>span{
	
   
   height:40px;
   text-align:center;
   line-height:40px;
   font-size:16px;
   display:inline-block;
   padding: 0px 10px 0px 10px;
   /*font-weight:660;*/
   position:relative;
   text-align:center;

    
}

.myClasses>span:last-child{
	
   margin-right:6px;	
	
}

.myClasses>span>div:nth-child(1){

   text-align:center;
   color:#333;
   
}

.myClasses>span>div:nth-child(2){

   
   height:2px;
   background-color:#fe0036;
   width:30px;
   margin: 0 auto;
   display:none;
   margin-top:3px;

}

.myClasses>span>div:nth-child(3){

   font-size:8px;
   color:#fe0036;
   position:absolute;
   top:-13px;
   right:0px;
   display:none;
}

.myClasses>.active>div:nth-child(1){
	
   color:#333;
   height:24px;
   line-height:24px;
}

.myClasses>.active>div:nth-child(2){
	
   display:block;
}

.myClasses>.active>div:nth-child(3){

   font-size:8px;
   color:#fe0036;
   position:absolute;
   top:-20px;
   right:0px;
   display:none;
}



.myClasses>.active>.addConcern{

   background-image:url(../images/plus4.png);
   background-repeat: no-repeat;
   background-size: auto 16px;
   background-position:center ;  
   font-size:10px;
   position:absolute;
   top:-8px;
   right:-7px;
   width:20px;
   height:20px;
   border-radius:10px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
}

.myClasses>.active>.delConcern{

    background-image:url(../images/minus4.png);
   	background-repeat: no-repeat;
    background-size: auto 16px;
    background-position:center ;
	font-size:10px;
	position:absolute;
	top:-8px;
	right:-8px;
	width:20px;
	height:20px;
	border-radius:10px;
	filter: alpha(opacity=70);
    opacity: 0.7; 

}

.myClasses>span>.addConcern{

   background-image:url(../images/plus4.png);
   background-repeat: no-repeat;
   background-size: auto 16px;
   background-position:center ;  
   font-size:10px;
   position:absolute;
   top:0px;
   right:-8px;
   width:24px;
   height:24px;
   border-radius:10px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
}

.myClasses>span>.delConcern{

    background-image:url(../images/minus4.png);
   	background-repeat: no-repeat;
    background-size: auto 16px;
    background-position:center ;
	font-size:10px;
	position:absolute;
	top:-2px;
	right:-8px;
	width:24px;
	height:24px;
	border-radius:10px;
	filter: alpha(opacity=70);
    opacity: 0.7; 

}

.products{
	
   width:100%;
   padding-top:0px;
   overflow-y:scroll;
   overflow-x:hidden;
   padding-bottom:100px;
	
}

.products>div{
	
   float:left;
   margin:8px 0px 0px 8px;
   background-color:#fff;
   position:relative;
}

.products>div>div:nth-child(1){
	
   background-repeat: no-repeat;
   background-size: 90% auto;
   background-position:center center;
 
}

.products>div>div:nth-child(2){
	
   height:81px;
   position:relative;
 
}

.products>div>div:nth-child(2)>div:nth-child(1){
	
   width:100%;
   font-size:14px;
   line-height:18px;
   height:18px;
   color:#333; 
   overflow : hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   padding-left:10px;
   padding-right:10px;
   box-sizing:border-box;
   /*font-weight:660;*/
   text-align:left;
   
 
}

.products>div>div:nth-child(2)>div:nth-child(2){
	
   background-image:url(../images/taobao.png);
   border-radius:3px;
   width:14px;
   height:14px;
   position:absolute;
   bottom: 34px;
   left:14px;
   background-size:cover;
 
}

.products>div>div:nth-child(2)>div:nth-child(3){
	
  
   position:absolute;
   bottom: 34px;
   left:32px;
   color:#333;
   font-size:10px;
 
}

.products>div>div:nth-child(2)>div:nth-child(3)>a{
	
  
   text-decoration:line-through;
 
}

.products>div>div:nth-child(2)>div:nth-child(4){
	
  
   position:absolute;
   bottom: 10px;
   right:14px;
   color:#333;
   font-size:10px;
 
}

.products>div>div:nth-child(2)>div:nth-child(5){
	
  
   position:absolute;
   bottom: 6px;
   left:14px;
   color:#fe0036;
   font-size:10px;
 
}

.products>div>div:nth-child(2)>div:nth-child(5)>a{

   font-size:18px;
 
}

.products>div>div:nth-child(2)>div:nth-child(6){
	
   font-weight:600;
   position:absolute;
   bottom: 34px;
   right:14px;
   background-color:#fe0036;
   border-radius:2px;
   height:14px;
   line-height:15px;
   padding:1px 4px 1px 4px;
   color:#fff;
   font-size:10px;
   display:inline-block;

}

.products>div>div:nth-child(2)>div:nth-child(6)>span{
	
   display:block;
   border-right: 1px dotted #fff;
   height:14px;
   padding-right:2px;
   float:left;
   margin-right:4px;
   
}

.products .choosePdt {
	
   position:absolute;
   width:24px;
   height:24px;
   border-radius:12px;
   top:5px;
   right:5px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
   background-color:#666;
   display:none;
   border:3px solid #333;
   box-sizing:border-box;
 
}

.products .choosePdt>img {
	
   position:absolute;
   width:18px;
   height:18px;
   top:0px;
   right:0px;
   display:none;
}

#myText{
	
    position:absolute;
	z-index:0;
	top:-2000px;
	left:-2000px;
	
}

.btn{
	
    position:absolute;
	z-index:0;
	top:-1600px;
	left:-1600px;
	
}

.coveron{
	
   width:100%;
   height:100%;
   z-index:2001;
   background-size: cover;
   background-color:rgba(0,0,0,0.6);
   position:fixed;
   top:0px;
   left:0px;
   color:#fff;
   font-weight:660;
   display:none;
   

}

.coveron>span{
	
   margin:0 auto;
   display:inline-block;
   position: absolute;
   top: 50%;
   left:50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   width:80%;
   

}

.coveron>div{
	
   width:200px;
   height:230px;
   margin:0 auto;
   display:inline-block;
   position: absolute;
   top: 50%;
   left:50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   padding:4px;
   border:4px solid #fff;
   background-color:rgba(255,68,0);
	
}

.detailCabinet{
	
   width:100%;
   height:100%;
   z-index:1000;
   /*background-size: cover;
   background-image:url(../images/cover1.jpg);
   background-color:#fff;*/
   position:fixed;
   top:0px;
   left:0px;
   display:none;
   /*color:#fff;
   font-weight:660;*/
	
}

.detailCabinet>div{
	
    border:1px solid #fff;
    box-sizing:border-box;	
    /*-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;*/
	
}

.cover{
	
   width:100%;
   height:100%;
   z-index:2000;
   background-size: cover;
   background-image:url(../images/cover1.jpg);
   background-color:#fff;
   position:fixed;
   top:0px;
   left:0px;
   color:#fff;
   font-weight:660;

}

.cover>div:nth-child(1){
	
  position: absolute;
  top: 20%;
  left:30%;
  -webkit-transform: translateX(-30%) translateY(-20%);
  -webkit-transform: translateX(-30%) translateY(-20%);
  -moz-transform: translateX(-30%) translateY(-20%);
  -ms-transform: translateX(-30%) translateY(-20%);
  transform: translateX(-30%) translateY(-20%);
  font-size:24px;
  line-height:38px;
  text-align:left;
  /*text-shadow:1px 1px 1px #333;*/
  width:80%;
  height:38px;
  overflow:hidden;
	
	
}

.cover>div:nth-child(2){
	
  position: absolute;
  top: 60%;
  left:30%;
  -webkit-transform: translateX(-30%) translateY(-60%);
  -webkit-transform: translateX(-30%) translateY(-60%);
  -moz-transform: translateX(-30%) translateY(-60%);
  -ms-transform: translateX(-30%) translateY(-60%);
  transform: translateX(-30%) translateY(-60%);
  font-size:24px;
  line-height:38px;
  text-align:left;
  /*text-shadow:1px 1px 1px #333;*/
  width:86%;
  height:50px;
  overflow:hidden;
	
	
}

.more{
	
   width:100%;
   height:100px;
   text-align:center;
   line-height:100px;
   color:#333;
   mrgin-bottom:0px;
	
}

.toTop{
	
   position:fixed;
   right:24px;
   bottom:70px;
   width:32px;
   height:32px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
   display:none;
   z-index:11;
   	
}

.toTopCabinet{
	
   position:fixed;
   right:24px;
   bottom:70px;
   width:32px;
   height:32px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
   display:none;
   z-index:107;
   	
}

.product{
	
   width:100%;
   height:100%;
   position:fixed;
   top:0px;
   left:0px;
   z-index:101;
   background-color:#fff;
   display:none;

}

.product>.productDetail{
	
	overflow-x:hidden;
    overflow-y:scroll;
	position:absolute;
    top:0px;
    left:0px;
	width:100%;
	z-index:101;

}

.product>.productDetail>img{
	
   width:100%;
	
}


.product>.productDetail>.swiper-container{
	
   width:100%;
   	
}

.video{
	
   width:100%;
   height:100%;
   position:fixed;
   top:0px;
   left:0px;
   z-index:12;
   background-color:#000;
   display:none;
   
}


.video .swiper-container {
  width: 100%;

}

.video .swiper-slide {
  text-align: center;
  font-size: 16px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
  overflow:hidden;
  position:relative;
}

.video .swiper-slide>video{
	
   
    position: absolute;  
	min-width: 100%;  
	min-height: 100%;
	height: auto; 
	width: 100%;   
	overflow:hidden;
	background-color:#000;
	z-index:9;
	left:0px;
	
}

.video .swiper-slide>canvas{
	
    position: absolute;  
	height: auto;  
	width: 100%; 
	overflow:hidden;
	background-color:#000;
	z-index:10;
	left:0px;
	visibility:hidden;
	
}

.imgs{
	
  position:absolute;
  width:100%;
  left:0px;	
  text-align:center;
  z-index:2;
}

.imgs>span{
	
  width: 8px;
  height: 8px;
  background-color: #ddd;
  border-radius: 4px;
  border:0px;
  margin: 4px;
  display: inline-block;
}

.imgs>.active{
	
  width: 7px;
  height: 7px;
  background-color: #333;
  border: 1px solid #999;
	
}

.product>.productDetail>div:nth-child(2){
	
   width:100%;
   text-align:left;
   padding:6px 10px 6px 10px;
   position:relative;
	
}

.product>.productDetail>div:nth-child(2)>span:nth-child(1){
	
   color:#f30026;
   font-size:14px;
      	
}

.product>.productDetail>div:nth-child(2)>span:nth-child(1)>a{
	
   font-size:30px;
   	
}

.product>.productDetail>div:nth-child(2)>span:nth-child(2){
	
   font-size:12px;
   color:#999;
   margin-left:20px;
   
}

.product>.productDetail>div:nth-child(2)>span:nth-child(2)>a{
	
   text-decoration:line-through;
   	
}

.product>.productDetail>div:nth-child(2)>span:nth-child(3){
	
   font-size:12px;
   color:#999;
   position:absolute;
   right:30px;
   top:26px;
   
}

.product>.productDetail>div:nth-child(3){
	
   width:96%;
   text-align:left;
   padding:6px 10px 6px 10px;
   position:relative;
   font-size:16px;
   line-height:22px;
  
}


.product>.productDetail>div:nth-child(3)>div{
	
   	
   width:20px;
   height:20px;
   border:3px;
   background-size:cover;
   border-radius:4px;
   position:absolute;
   left:10px;
   top:8px;
   line-height:
     
}

.product>.goBack,.doBuy>.goBack,.doGoBack{
	
   position:fixed;
   top:10px;
   left:10px;
   width:32px;
   height:32px;
   filter: alpha(opacity=80);
   opacity: 0.8; 
   z-index:1003;
  
     	
}

.product>.collect,.doBuy>.collect,.doCollect{
	
   position:fixed;
   top:10px;
   right:10px;
   width:32px;
   height:32px;
   filter: alpha(opacity=80);
   opacity: 0.8; 
   z-index:1003;
   
     	
}

.doGoBack,.doCollect{
	
  display:none;
  z-index:1003;
  
}

.copyTo{
	
   position:fixed;
   top:10px;
   width:32px;
   height:32px;
   filter: alpha(opacity=80);
   opacity: 0.8; 
   z-index:1003;
   left:50%;
   -webkit-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   
     	
}



.i_ticket{
	
   height:140px;
   padding:0px 10px 0px 10px;	
   margin-top:6px;
   width:100%;
   position:relative;
   margin-bottom:16px; 

}

.i_ticket>.body{
	
	width:100%;
	height:100%;
	border-radius:5px;
	position:relative;
}

.i_ticket>.body>div:nth-child(1){
	
	text-align:left;
	height:80px;
	color:#fff;
	font-size:12px;
	padding:16px 52px 16px 10px;
	position:absolute;
	top:0px;
	left:0px;
	box-sizing:border-box;
	border-radius:5px 0px 0px 5px;
	background-color:#ffe4e3;
	background: radial-gradient(circle at top left,
         transparent 0px, #fe0036 0) top left,
         radial-gradient(circle at top right,
         transparent 6px, #fe0036 0) top right,
         radial-gradient(circle at bottom right,
         transparent 6px, #fe0036 0) bottom right,
         radial-gradient(circle at bottom left,
         transparent 0px, #fe0036 0) bottom left;
     background-size: 51% 50%;
         background-repeat: no-repeat;
		
}

.i_ticket>.body>div:nth-child(2){
	
	text-align:center;
	height:80px;
	color:#fff;
	font-size:12px;
	padding:16px 6px 16px 6px;
	position:absolute;
	top:0px;
	right:20px;
	/*border-left: 1px dashed #fff;*/
	box-sizing:border-box;
	border-radius:0px 5px 5px 0px;
	background: radial-gradient(circle at top left,
         transparent 6px, #fe0036 0) top left,
         radial-gradient(circle at top right,
         transparent 0px, #fe0036 0) top right,
         radial-gradient(circle at bottom right,
         transparent 0px, #fe0036 0) bottom right,
         radial-gradient(circle at bottom left,
         transparent 6px, #fe0036 0) bottom left;
     background-size: 50% 50%;
         background-repeat: no-repeat;
	 
	 

}

.i_ticket>.dot{
	
	width:14px;
	height:14px;
	border-radius:7px;
	top:-7px;
	right:134px;
	position:absolute;
	z-index:10;
	background-color:rgba(0,0,0,0.5);
	display:none;
	
	
}

.i_ticket>.dot1{
	
	width:14px;
	height:14px;
	border-radius:7px;
	bottom:5px;
	right:134px;
	position:absolute;
	z-index:10;
	background-color:rgba(0,0,0,0.5);
	display:none;
	
}


.i_ticket>.usage{
	
	height:36px;
	border-radius:5px;
	line-height:36px;
	left:10px;
	bottom:16px;
	position:absolute;
	z-index:10;
	background-color:#ffe4e3;
	text-align:left;
	padding-left:16px;
	box-sizing:border-box;
	font-size:12px;
	color:#fe605d;

}

.price{
	
	position:fixed;
	bottom:0px;
	left:0px;
	font-size:14px;	
	z-index:102;
	width:100%;
	padding:10px;
	background-color:#fff;
}

.price>span:nth-child(1){
	
	width:39%;
	background-color:#ffe4e3;
	border-radius:20px 0px 0px 20px;
	height:40px;
	line-height:40px;
	color:#fe605d;
	display:inline-block;
	text-align:center;
	

	
}

.price>span:nth-child(2){
	
	width:59%;
	background-color:#fe0036;
	border-radius:0px 20px 20px 0px;
	height:40px;
	line-height:40px;
	color:#fff;
	display:inline-block;
	margin-left:-1%;
	text-align:center;
}

.price>span>a{
	
	font-size:20px;
	margin-left:2px;
	margin-right:5px;
}

.tkl{
	
   width:220px;
   height:140px;
   line-height:140px;
   border-radius:8px;
   text-align:center;
   position: absolute;
   top: 50%;
   left:50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   background-color:#000;
   filter: alpha(opacity=70);
   opacity: 0.70; 
   color:#fff;
   font-size:16px;
   display:none;
   z-index:1003;

}

.tkl>span{
	
   display:inline-block;
   vertical-align:middle;
   line-height:30px;	
  
}

.categoryMore{
	
	width:100%;
	position:fixed;
	top:40px;
	left:0px;
	z-index:14;
	background-color:#fafafa;
	color:#777;
	font-size:14px;
	display:none;
	border-top:1px solid #eee;
	text-align:left;
	padding:35px 20px 30px 20px; 
	font-size:14px;
	-webkit-appearance:none;
	border-radius:0px 0px 12px 12px;
	box-sizing:border-box;
	box-shadow: 0 0 6px #b1b1b1;
	
}

.categoryMore>div{
	
	height:26px;
	line-height:26px;
	position:relative;
	margin-bottom:14px;
	
}

.categoryMore>div>img:nth-child(1){
	
	width:16px;
	vertical-align:middle;
	margin-right:10px;

}

.categoryMore>div>img:nth-child(2){
	
	width:14px;
	position:absolute;
	left:1px;
	top:8px;
	display:none;

}

.categoryMore>div>a{
	
	width:90px;
	display:inline-block;
	color:#333;
}

.categoryMore>div>span{
	
	border: 1px solid #eee;
	background-color: #fff;
	width:70px;
	padding-right:4px;
	height:22px;
	line-height:22px;
	text-align:right;
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	vertical-align:middle;
	color:#333;
	font-size:12px;
	position:relative;
	border-radius:3px;
}

.categoryMore>div>span>input{
	
	border: 0px;
	outline: 0px;
	background-color: transparent;
	color: #333;
	height:22px;
	font-size:14px;
	position:absolute;
	left:4px;
	top:-2px;
	caret-color: #999;
}

.categoryMore>div>span>img{
	
	width:12px;
	position:absolute;
	right:3px;
	top:6px;
	
}

.categoryMore>div>span>div{
	
	width:94px;
	position:relative;
	left:-5px;
	top:0px;
	border:1px solid #eeeeee;
	padding:0px;
	color:#333;
	background-color:#fefefe;
	z-index:100;
	
}

.categoryMore>div>span>div>div{
	
	height:18px;
	line-height:18px;
	padding:4px;
	
	
	
}

.billBoards{
	
	width:100%;
	height:calc(100% - 50px);
	position:fixed;
	top:0px;
	left:0px;
	z-index:12;
	background-color:#000;
	color:#777;
	font-size:14px;
	display:none;
	border-top:0px solid #eee;
    overflow-x:hidden;
	overflow-y:scroll;
	
}


.billBoards>.billboards{
	
   width:100%;
   height:auto;
   min-height:100%;
   padding-bottom:10px;
   position:relative;
 

}


.category,.category1{
	
	width:100%;
	position:fixed;
	top:40px;
	left:0px;
	z-index:13;
	background-color:#fff;
	color:#000;
	font-size:14px;
	display:none;
	border-top:1px solid #eee;
}

.category>span:nth-child(1),.category1>span:nth-child(1){
	
 	height:100%;
	width:160px;
	line-height:100%;
	border-right:0px solid #eee;
	display:block;
	text-align:left;
	padding:0px 0px 50px 0px;
	box-sizing:border-box;
	overflow-y:scroll;
	overflow-x:hidden;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#f1f1f1;
	
}

.category>span:nth-child(1)>div,.category1>span:nth-child(1)>div{
	
	line-height:28px;
	padding:8px 9px 8px 9px;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
    
}

.category>span:nth-child(1)>div>a,.category1>span:nth-child(1)>div>a{
	
	font-size:10px;

}


.category>span:nth-child(1)>div:nth-child(1),.category1>span:nth-child(1)>div:nth-child(1){
	
	/*background-color:#f1f1f1;*/
	height:50px;
	line-height:34px;
	box-sizing:border-box;
	
}

.category>span:nth-child(1)>.active,.category1>span:nth-child(1)>.active{
	
	/*color:#fe0036;*/
	background-color:#ffffff;
    /*font-weight:660;*/
}
	
.category>span:nth-child(2),.category1>span:nth-child(2){
	
	height:100%;
  	display:block;
	position:absolute;
	right:0px;
	top:0px;
}

.category>span:nth-child(2)>div:nth-child(1){
	
	height:16px;
	line-height:16px;
	text-align:left;
	padding-left:16px;
	
}

.category1>span:nth-child(2)>div:nth-child(1){
	
	height:50px;
	line-height:50px;
	text-align:left;
	padding-left:16px;
	font-weight:600;
	
}

.category>span:nth-child(2)>div:nth-child(1)>span,.category1>span:nth-child(2)>div:nth-child(1)>span{
	
	margin-right:10px;
}

.category>span:nth-child(2)>div:nth-child(1)>.active,.category1>span:nth-child(2)>div:nth-child(1)>.active{
	
	/*font-weight:660;*/
	color:#333;

}

.category>span:nth-child(2)>div:nth-child(2),.category1>span:nth-child(2)>div:nth-child(2){
	
	text-align:left;
	padding:0px 10px 10px 10px;
	overflow-x:hidden;
	overflow-y:scroll;
	
}

.category>span:nth-child(2)>div:nth-child(2)>div,.category1>span:nth-child(2)>div:nth-child(2)>div{
	
	text-align:left;
	padding-left:6px;
	padding-bottom:10px;
	font-weight:600;

}

.category>span:nth-child(2)>div:nth-child(2)>div:not(:first-child) ,.category1>span:nth-child(2)>div:nth-child(2)>div:not(:first-child){
	
	margin-top:30px;

}

.category>span:nth-child(2)>div:nth-child(2)>span,.category1>span:nth-child(2)>div:nth-child(2)>span{
	
	text-align:center;
    width:33%;
	color:#333;
	white-space:nowrap;
	display:inline-block;
	box-sizing:border-box;
	overflow: hidden;
    text-overflow: ellipsis;
	font-size:12px;
	position:relative;
	margin-bottom:10px;
	
}

.category>span:nth-child(2)>div:nth-child(2)>span>img,.category1>span:nth-child(2)>div:nth-child(2)>span>img{
	
	width:70%;
	height:70%;
	margin-bottom:-10px;

}

.categoryMore>img{

   position:absolute;
   right:10px;
   bottom:10px;
   filter: alpha(opacity=70);
   opacity: 0.7; 
}

.voice{
	
   width:100%;  
   height:160px;
   display:none;
   position:absolute;
   bottom:-160px;
   background-color:#fff;
   filter: alpha(opacity=90);
   border-top:1px solid #eee;
   opacity: 0.9;  
   z-index:1002;
   
}

.voice>div{
	
   margin:0 auto;
   display:inline-block;
   position: absolute;
   top: 20px;
   color:#666;
   font-size:16px;
    left:50%;
   -webkit-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
	
}

.voice>img{
	
   width:70px;
   height:70px;
   margin:0 auto;
   display:inline-block;
   position: absolute;
   top: 60%;
   left:50%;
   -webkit-transform: translateX(-50%) translateY(-60%);
   -webkit-transform: translateX(-50%) translateY(-60%);
   -moz-transform: translateX(-50%) translateY(-60%);
   -ms-transform: translateX(-50%) translateY(-60%);
   transform: translateX(-50%) translateY(-60%);

}

.qrcode{
	
   width:100%;
   height:100%;
   background-color:rgba(0,0,0,0.8);
   display:none;
   z-index:200; 
   position:absolute;
   top:0px;
   left:0px;	
	
}

.qrcode>div{
	
   width:200px;
   height:200px;
   margin:0 auto;
   display:inline-block;
   position: absolute;
   top: 50%;
   left:50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   padding:4px;
   border:2px solid #fff;
	
}

#cover {
	
	width: 100%;
	height: 100%;
	line-height:100%;
	z-index: 2000;
	left: 0px;
	top: 0px;
	/*background-repeat: no-repeat;
	background-position: center;*/
	background-size: cover;
	position: fixed;
	background-color:#000;
	color:#fff;
	text-align:center;
	display:none;
	
}

#cover>div {
	
	vertical-align:middle;
	font-size:36px;

}

.vRightBar{
	
	width:50px;
	height:auto;
	text-align:center;
	position:absolute;
	z-index:10;
	right:0px;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	color:#fff;
	font-size:12px;
	
}


.vRightBar>div{
	
	width:100%;
	height:auto; 
	margin-top:10px;
	margin-bottom:10px;
	/* The animation part: */
    animation-name: stop;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}

.vRightBar>div:nth-child(1){
	
	width:40px;
	height:40px;
	border-radius:22px;
	background-image: url(../images/head.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	border:2px solid #fff;
    margin-left:4px;
	display:none;
}

.vRightBar>div:nth-child(2){
	
	margin-top:10px;
	
}

.vRightBar>div:nth-child(7){

  
	width:40px;
	height:40px;
	border-radius:20px;
	background-image: url(../images/head.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	/*border:8px solid #000;*/
	filter: alpha(opacity=70);
	opacity: 0.7;
	margin-left:4px;
	margin-top:0px;
	
	/* The animation part: */
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	
}


.vRightBar img{
	
	width:30px;
	height:30px;
}

.vRightBar>div:nth-child(1) img{
	
	width:20px;
	height:20px;
	margin-top:32px;

}

.vRightBar>div:nth-child(6) img{
	
	width:34px;
	height:auto;
	margin-top:30px;

}

@-webkit-keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.guilder {
	
	width:calc(100% + 18px);
	height:80px;
	position:fixed;
	top:25px;
	left:-18px;
	line-height:50px;
	z-index:11;
	color:#fff;
	font-size:10px;
	background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position:44px 40px;
	background-image:url(../images/full.png);
	box-sizing:border-box;
	vertical-align:middle;
	
}

.guilder>div:nth-child(1){
	
	position:absolute;
	top:0px;
	left:30px;
	width:40px;
	height:40px;
	line-height:56px;
	background-repeat: no-repeat;
    background-size: 12px auto;
    background-position:center 30px;
    
}

.guilder>div:nth-child(2){
	
	position:absolute;
	top:26px;
	left:56px;
	width:40px;
	height:40px;
	text-align:left;
	padding-left:9px;
	line-height:42px;
	background-repeat: no-repeat;
    background-size: auto 10px;
    background-position:0px center ;
	

}

.guilder>div:nth-child(3){
	
	position:absolute;
	top:50px;
	left:30px;
	width:40px;
	height:32px;
	line-height:30px;
	background-repeat: no-repeat;
    background-size: 12px auto;
    background-position:center 0px;
    
}

.guilder>div:nth-child(4){
	
	position:absolute;
	top:26px;
	left:4px;
	width:40px;
	height:40px;
	line-height:42px;
	text-align:right;
	padding-right:9px;
	box-sizing:border-box;
	background-repeat: no-repeat;
    background-size: auto 10px;
    background-position:30px center ;
    
}

.guilder>div:nth-child(5){
	
	position:relative;
	margin-left:92px;
	margin-top:20px;
	width:calc(100% - 140px);
	font-size:18px;
	text-shadow: 1px 1px 2px #000;
    font-weight:560;
	color:#fff;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap; 
    
}


.wordsBar {
	
	position:fixed;
	bottom:60px;
	left:30px;
	height:50px;
	line-height:50px;
	color:rgba(255,255,255,1);
	z-index:1003;
	font-size:18px;
	text-shadow: 1px 1px 2px #000;
    font-weight:560;
	display:none;
	overflow:hidden;
	visibility:hidden;
}

.buy{
	
	
   position:fixed;
   top:0px;
   left:0px;
   height:100%;
   width:100%;
   display:none;
   z-index:1002;
   background-color:#fff;
	
}

.doBuy{
	
	
   position:fixed;
   top:0px;
   left:0px;
   height:100%;
   width:100%;
   display:none;
   z-index:1002;
   background-color:#fff;
   background-size:cover;
	
}


.myInfo>.myBox{
	
   width:calc(100% - 20px);
   height:auto;
   border-radius:10px;
   margin-top:14px;
   background-color:#fff;
   padding:10px 14px 0px 10px;
   box-sizing:border-box;
   margin-left:10px;
   box-shadow: 0 0 3px #d1d1d1;
   position:relative;
   
}

.myInfo>.myBox .del{
	
  position:absolute;
  right:10px;
  top:10px;
  width:20px;
	
}


.myInfo>.myBox .chooseBox{
	
  height:30px;
  line-height:17px;
  border:1px solid #e6e6e6;	
  border-radius:3px;
  background-color:#fff;
  padding:6px 24px 9px 12px;
  box-sizing:border-box;
  text-align:left;
  color:#333;
  font-size:12px;
  display:block;
  position:relative;
  margin:6px 0px 0px 6px;
  display:inline-block;
	
}

.myInfo>.myBox .chooseBox>img{
	
  width:10px;
  top:9px;
  right:14px;;
  position:absolute; 
  animation-duration: 150ms;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  
}

.myInfo>.myBox .chooseBox>a{
	
  color:#999;
  position:relative;
  
}

.myInfo>.myBox .chooseBox>a>input{
	
  width:60px;
  position:absolute;
  left:0px;
  top:-3px;
  filter: alpha(opacity=0);
  opacity: 0;
}


.myInfo>.myBox .menu{
	
  position:absolute;
  background-color:#fff;
  border:1px solid #eee;
  border-radius:3px;
  padding:6px;
  box-sizing:border-box;
  z-index:100;
  	
}

.myInfo>.myBox .menu>div{
	
  height:30px;
  line-height:30px;
  color:#333;
  font-size:12px;
  text-align:left;
  padding-left:20px;
 	
}

.myInfo>.myBox .menu>.active{
	
  background-color:#fff7f2;
 	
}



.myInfo>.myBox .condition{

  width:100%;
  text-align:left;
  margin-bottom:30px;

	
}

.myInfo>.myBox .lists{
	
  padding-bottom:12px;
}


.myInfo>.myBox .lists>div{
	
  width:100%;
  height:60px;
  font-size:14px;
  text-align:left;
  position:relative;
  margin-bottom:10px;
  padding-top:10px;	
  margin-top:10px;
  position:relative;
  padding:0px 10px 0px 10px;
  box-sizing:border-box;
  border-bottom: 1px solid #f1f1f1;
  
  	
}


.myInfo>.myBox .lists>div>div{
	
  height:30px;
  line-height:30px;
  position:relative;
  	
}

.myInfo>.myBox .lists>div>div:nth-child(2){
	
  color:#999;
  font-size:12px;
  	
}

.myInfo>.myBox .lists>div>div>span{
	
  position:absolute;
  right:0px;
  top:0px;
  	
}


.myInfo>.myBox .orders>div{
	
  width:100%;
  height:100px;
  font-size:12px;
  text-align:left;
  position:relative;
  margin-bottom:10px;
  padding-top:10px;	
  margin-top:10px;
  	
}

.myInfo>.myBox .orders>div:nth-child(odd){
	
  background-color:#fff7f2;
  	
}

.myInfo>.myBox .orders>div>span:nth-child(1){
	
  width:70px;
  height:70px;
  margin:0px 0px 0px 8px;
  background-color:#999;
  background-size:cover;
  display:inline-block;
  vertical-align:middle;
 	
}

.myInfo>.myBox .orders>div>span:nth-child(2){
	
  width:calc(100% - 100px);
  height:86px;
  display:inline-block;
  margin-left:6px;
  color:#999;
  vertical-align:middle;
}


.myInfo>.myBox .orders>div>span:nth-child(2)>div{
	
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  line-height:20px;
  position:relative;
  

}

.myInfo>.myBox .orders>div>span:nth-child(2)>div:nth-child(1){
	
  color:#333;

}

.myInfo>.myBox .orders>div>span:nth-child(2)>div:nth-child(3)>span{
	
  position:absolute;
  right:0px;

}

.myInfo>.myBox .orders>div>span:nth-child(2)>div:nth-child(4){
	
  margin-top:4px;
  height:auto;
  overflow-x:scroll;
  text-overflow:clip;
	
}

.myInfo>.myBox .orders>div>span:nth-child(2)>div:nth-child(4)>span{
 
  margin-right:6px;
  border:1px solid #aaa;
  border-radius:3px;
  padding:0px 2px 0px 2px;
 

}

.myInfo>.myBox .orders>div>span:nth-child(2)>div:nth-child(4)>span>a{
	
 color:#333;
 
}

.myInfo>.myBox .members>div{
	
  width:100%;
  height:100px;
  font-size:12px;
  text-align:left;
  position:relative;
  	

}

.myInfo>.myBox .members>div>span:nth-child(1){
	
  width:70px;
  height:70px;
  border-radius:35px;
  margin:12px 0px 0px 12px;
  background-color:#999;
  background-size:cover;
  display:inline-block;
  box-shadow: 0 0 6px #d1d1d1;
  
  
  	
}

.myInfo>.myBox .members>div>span:nth-child(2){
	
  width:calc(100% - 120px);
  height:50px;
  display:inline-block;
  margin-left:10px;
  color:#999;

}


.myInfo>.myBox .members>div>span:nth-child(2)>div{
	
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  line-height:20px;
  position:relative;
   
}

.myInfo>.myBox .members>div>span:nth-child(2)>div>a{

  color:#333;	
}

.myInfo>.myBox .members>div>span:nth-child(2)>div:nth-child(2)>span{
	
  position:absolute;
  right:0px;

}

.myInfo>.myBox .members>div>span:nth-child(2)>div:nth-child(3)>span{
	
  position:absolute;
  right:0px;

}

.myInfo>.myBox .members>div>span:nth-child(2)>div:nth-child(3)>span>a{
	
  color:#333;		

}

.myInfo>.myBox .members>div>span:nth-child(2)>div:nth-child(4)>span{
 
  margin-right:6px;
  border:1px solid #999;
  border-radius:3px;
  padding:0px 2px 0px 2px;

}

.myInfo>.myBox .members>div>span:nth-child(2)>div:nth-child(4)>span>a{

  color:#333;	
	
}

.myInfo>.myBox .pages{

   color:#333;
   font-size:12px;
   width:100%;
   text-align:right;
   padding:10px;
   box-sizing:border-box;
   margin-bottom:10px;
   	
	
}

.myInfo>.myBox .pages>a{

   padding:4px;	
	
}

.myInfo>.myWallet{
	
   text-align:center;
   padding:40px 20px 40px 20px;
	
}

.myInfo>.myWallet>div{
	
   font-size:18px;
   color:#999;
   line-height:40px;
   height:40px;
   text-align:left;
 	
}

.myInfo>.myWallet>div>a{

   text-align:center;
   font-size:24px;
   vertical-align:bottom;
   color:#333;
}

.myInfo>.myWallet>.mbtn{
	
   width:120px;
   height:40px;
   line-height:40px;
   border-radius:3px;
   text-align:center;
   background-color:#32CD32;
   color:#fff;
   margin:0 auto;
   margin-top:20px;
   
}

.myInfo>.myWallet>.mbtn>div{
	
	margin: 0 auto;
	box-sizing:border-box;
	width:280px;
}

.myInfo>.myWallet>.mbtn>div>input{

   margin-right:6px;
   margin-left:10px;
   height:20px;
   vertical-align:middle;
   border:0px;
   outline: 0px;
   margin-bottom:4px;
   color:#666;
   padding-left:10px;
   font-size:16px;
    
}

.menuCabinet{
	
	position: fixed;
	z-index: 1003;
	top: 0px;
	right: 0px;
	width: 100%;
	height:100%;
	display: none;    /*暂时不显示*/
	-webkit-overflow-scrolling: touch;
	padding-left:50%;
	background-color:rgba(0,0,0,0.3);

}

.menuCabinet>div:nth-child(1) {
	
	
	overflow: scroll-y;
	filter: alpha(opacity=100);
	opacity: 1;
	background-image:linear-gradient(
		to right,
		#000 , 
		#333
	);
	/*background-color: #000;*/
	width: 50%;
	height:100%;
	color: #fff;
	font-size: 16px;
	overflow-y: scroll;
	overflow-x:hidden;
	box-sizing:border-box;
	float:left;
	text-shadow:1px 1px 1px #000;

}

.menuCabinet>div:nth-child(2) {
	
	
	overflow: scroll-y;
	filter: alpha(opacity=100);
	opacity: 1;
	background-color:#444;
	width: 50%;
	height:100%;
	color: #bbb;
	font-size: 16px;
	overflow-y: scroll;
	overflow-x:hidden;
	box-sizing:border-box;
	float:left;
	
}


.menuCabinet>div:nth-child(1)>div {
	
	height: 60px;
	width: 90%;
	border-bottom: 1px #333 solid;
	text-align: center;
	display: block;
	margin: 0 auto;
	background-size: 15%;
	background-position: center;
	background-repeat: no-repeat;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position:relative;


}

.menuCabinet>div:nth-child(1)>div>a{

   position: absolute;
   top: 50%;
   left:50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);	
   width:100%;

}

.menuCabinet>div:nth-child(1)>div>a>input{
	
    border: 0px;
	outline: 0px;
	background: transparent;
	color: #bbb;
	font-size:16px;
	webkit-caret-color: #999; 
	caret-color: #999;
	width:70%;
	text-align:center;
   

}

.menuCabinet>div>div>.rec{
	
   width:16px;
   height:14px;
   position:absolute;
   top:4px;
   left:2px;

   
}


.menuCabinet>div>div>.modifyc{
	
   width:16px;
   height:16px;
   position:absolute;
   top:3px;
   right:2px;
  
}


.menuCabinet>div>div>.addc{
	
   width:15px;
   height:15px;
   position:absolute;
   top:4px;
   right:3px;
   display:none;
   
}

.menuCabinet>div>div>.delc{
	
   width:16px;
   height:16px;
   position:absolute;
   top:4px;
   left:2px;

}

.menuCabinet>div:nth-child(1)>div:nth-child(1) {
	
	background-color:#000;
	filter: alpha(opacity=100);
    opacity: 1;
	z-index:1001;
	position:fixed;
	box-sizing:border-box;
	width:50%;
	line-height:60px;
}

.menuCabinet>div:nth-child(1)>div:nth-child(2) {
	
	margin-top:60px;
}


.menuCabinet>div:nth-child(1)>.active {
	
	width: 100%;
	background-color:#444;
	border-bottom:1px solid #444;
	border-top:1px solid #444;
}

.menuCabinet>div:nth-child(2)>div {
	height: 60px;
	width: 90%;
	border-bottom: 1px #555 solid;
	text-align: center;
	line-height: 60px;
	display: block;
	margin: 0 auto;
	background-size: 15%;
	background-position: center;
	background-repeat: no-repeat;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	
}

.menuCabinet>div:nth-child(2)>div:nth-child(1) {
	
	border-top: 0px #333 solid;
	height:60px;
	position:fixed;
	text-align:left;
	background-color:#444;
	filter: alpha(opacity=100);
    opacity: 1;
	z-index:1001; 
	box-sizing:border-box;

}

.menuCabinet>div:nth-child(2)>div:nth-child(2) {
	
	margin-top:60px;

}


.menuCabinet>div:nth-child(2)>div:nth-child(1) {
	
	text-align:right;
	padding-right:10px;

}

/*.menuCabinet>div:nth-child(2)>div:nth-child(1)>a:nth-child(4) {
	
	position:fixed;
	right:10px;
	top:2px;

}*/


.menuCabinet>div>div>a {
	
	vertical-align: middle;
}

.menuCabinet>div>div>input {
	
	border: 1px;
	outline: 1px;
	background-color: rgba(255,255,255, 0.5);
	color: #e1e1e1;
   	font-size:16px;
	padding:6px 28px 6px 30px;
	caret-color: #e1e1e1;
	height:32px;
	border-radius:16px;
	box-sizing:border-box;
	width:90%;
	cursor:default;
	font-size:14px;
   
}

.menuCabinet>div>div:nth-child(1)>img:nth-child(1){
	
	position:absolute;
	left:12px;
	top:24px;
	height:14px;
	width:16px;
	z-index:100;
}

.menuCabinet>div>div:nth-child(1)>img:nth-child(3){
	
	position:absolute;
	right:16px;
	top:23px;
	height:16px;
	width:16px;
}



.menuCabinet>div>div:nth-child(1)>a {
	
	color:#ccc;
	margin-left:10px;
	font-size:14px;
	
}

.menuCabinet>div>div>span {

   display:inline-block;
}

.menuCabinet>div>div>span:nth-child(1) {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	float: left;
	margin-top: 15px;
	background-size:cover;
}

.menuCabinet>div>div>span:nth-child(2) {
	
	width:calc(100% - 70px);
	height: 100%;
	text-align: left;
	float: left;
	margin-left: 6px;
	font-size:14px;
	border-bottom:0px;
	overflow-x:scroll;
	line-height:16px;
	padding-top:13px;
}

.menuCabinet>div>div>span:nth-child(2)>a {
	
	font-size:10px;
	
}

.menuCabinet>div>div>span:nth-child(3) {
	
	
	position:relative;
	width:22px;
    height:22px;
    border-radius:11px;
    filter: alpha(opacity=50);
    opacity: 0.5; 
    background-color:#333;
    border:2px solid #eee;
    box-sizing:border-box;
	vertical-align:middle;
	margin-left:8px;

	
}

.menuCabinet>div>div>span:nth-child(3)>img {
	
	position:absolute;
    width:18px;
    height:18px;
    top:0px;
    right:0px;
    display:none;

}

.menuCabinet .linkTitle{
	position:relative;
}

.menuCabinet .linkTitle>textarea{
	
    border: 0px;
	outline: 0px;
	background: transparent;
	color: #bbb;
	font-size:12px;
	caret-color: #999;
	width:96px;
	height:80%;
	text-align:center;
    font-family: "方正兰亭黑","微软雅黑", Arial, Helvetica, sans-serif;
	vertical-align:middle;

	
}

.menuCabinet .linkImage>div:nth-child(2){
	
	width:100px;
	height:146px;
	position:absolute;
	top: 50%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	background-color:rgba(255,255,255,0.5);
	line-height:146px;
	z-index:100;
	background-size:cover;


}

/*.menuCabinet .linkImage>div:nth-child(3){
	
	position:absolute;
    bottom:2px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	height:30px;

}*/

@-webkit-keyframes spin0 {
    
	from {transform:rotate(0deg);}
    to {transform:rotate(180deg);}
}


@-webkit-keyframes spin1 {
    
	from {transform:rotate(180deg);}
    to {transform:rotate(0deg);}
}

.voiceBtn{
	
	position:fixed;
	bottom:0px;
	height:50px;
	width:100%;
    left:0px;
	z-index:2000;
	display:none;
	background-color:#eeeeee;
}

.voiceBtn>span{

   position:relative;
   width:100%;
   height:100%;
   box-sizing:border-box;
   text-align:center;
   display:inline-block;
   padding: 10px 0;
   color:#f1f1f1;
   font-size:13px;
   line-height:15px;
   background-repeat: no-repeat;
   background-size: auto 32px;
   background-position:center;
   line-height:19px;
   /*font-weight:660;*/
   height:100%;
}


.voiceBtn>span>div{

   font-size:12px;
   margin-top:20px;
   display:none;
 	
}


.voiceBtn>.active{

   color:#000;
 	
}

.alertBox{
	
	padding:10px;
	position:absolute;
	border-radius:6px;
	background-color:rgba(0,0,0,1);
	color:#fff;
	z-index:10000;
	border:1px solid #666;
	box-sizing:border-box;
}

.alertArrow{
	
	width:0;
	height:0;
	border:10px solid transparent;
	border-top-color:#999;
	position: absolute;

}

.alertArrow0{
	
	width:0;
	height:0;
	border:10px solid transparent;
	border-top-color:rgba(0,0,0,1); 
	position: absolute;

}


.progressBar{
	
	
	width: 100%;
	height:100%;
	position:absolute;
	z-index:1002;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	display:none;
	
	
}

.progressBar>div{

	width: 60%;
	height:4px;
	border-radius:2px;
	margin:0 auto;
	margin-top:50vh;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 0% 100%;
	background-image:url(../images/white.jpg);
	box-sizing: border-box;
	background-color:rgba(255,255,255,0.6);
	
}

.contents>div:nth-child(1){
	
	width:100%;
	height:146px;
	background-size:cover;
	
}

.contents>div:nth-child(2){
	
	width:100%;
	padding:4px 4px 2px 4px;
	bottom:16px;
	height:19px;
	color:#f1f1f1;
	background:linear-gradient(to right, rgba(51,51,51,0.9),rgba(120,120,120,0.6) );

	
}

.contents>div:nth-child(3){
	
	left:0px;
	text-align:left;
	padding-left:4px;
	padding-bottom:6px;
	height:18px;
	line-height:18px;
	box-sizing:border-box;
	width:100%;
	color:#f1f1f1;
	background:linear-gradient(to right, rgba(51,51,51,0.9),rgba(120,120,120,0.6) );
}

.answerPdts>.contents>div:nth-child(1){
	
	width:100%;
	height:146px;
	background-size:cover;
	
}

.answerPdts>.contents>div:nth-child(2){
	
	width:100%;
	padding:4px 4px 2px 4px;
	bottom:16px;
	height:19px;
	color:#f1f1f1;
	background:linear-gradient(to right, rgba(51,51,51,0.9),rgba(120,120,120,0.6) );

	
}

.answerPdts>.contents>div:nth-child(3){
	
	left:0px;
	text-align:left;
	padding-left:4px;
	padding-bottom:6px;
	height:18px;
	line-height:18px;
	box-sizing:border-box;
	width:100%;
	color:#f1f1f1;
	background:linear-gradient(to right, rgba(51,51,51,0.9),rgba(120,120,120,0.6) );
}

.theContents>div:nth-child(1){

	width:100%;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position: 0px 0px
	
}

.theContents>div:nth-child(2){
	
	width:100%;
	padding:4px 4px 2px 4px;
	color:#f1f1f1;
	background:linear-gradient(to right, rgba(51,51,51,0.9),rgba(120,120,120,0.6) );
	bottom:0px;
	box-sizing:border-box;
	
}

.theContents>div>span:nth-child(1){
	
	display: -webkit-box;
	width:100%;
	color:#fff;
	padding:0px 4px 0px 4px;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    text-align: left;

	
}

.theContents>div>span:nth-child(2){
	
	display:block;
	width:100%;
	text-align:left;
	font-size:10px;
	padding:4px 4px 4px 4px;
	box-sizing:border-box;

	
}

.linkEndTime,.linkStartTime{
	
	position:relative;
}


.linkEndTime>a,.linkStartTime>a{
	
    position:absolute;
	bottom:14px;
	width:100%;
	text-align:center;
	height:20px;
	line-height:20px;
	font-size:12px;
	left:0px;

}

/*柜子编辑*/

.containerBox{
	
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  display:none;
  background-color:#000;
  z-index:100;
  

}

.container{
	
  position:fixed;
  top:40px;
  left:6px;
  width:calc(100% - 12px);
  height:calc(100% - 48px);
  background-size:cover;
  background-image:url(../images/homeimages/cf.jpg);
  border-top:3px solid #000;
  border-radius:0px 0px 6px 6px;
}

.container>div{
	
  box-sizing:border-box;

}

@keyframes keyframes1 {
	0% {
		transform: rotate(-1deg);
		animation-timing-function: ease-in;
	}
	50% {
		transform: rotate(1.5deg);
		animation-timing-function: ease-out;
	}
}
 
@keyframes keyframes2 {
	
	0% {
		transform: rotate(1deg);
		animation-timing-function: ease-in;
	}
	50% {
		transform: rotate(-1.5deg);
		animation-timing-function: ease-out;
	}

}

.label-icon{
	
    background-clip: content-box;
    border-radius: 4px;
    box-shadow: 0 0 4px #000;
    height: 60px;
	width: 60px;
    position: relative;
    background-color: #fff;    /*rgb(107, 178, 176);*/
    background-size: 70px 70px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/pdticon/ambj.jpg);
    visibility: visible;
	margin:20px 6px 26px 6px;
	float:left;
	box-sizing:border-box;
	border: 2px solid #eee;
	background-clip:content-box;
	
}

.checked{
	
	border: 3px solid #00FFFF;
	
}

.label-icon .with-content{
	
	bottom: 0px;
	right:0px;
	width: auto;
	height: 12px;
	background-color:#fe0036;
	position: absolute;
	line-height:12px;
    padding:2px 2px 2px 4px;
	border-radius:12px 0px 0px 0px;
	border:1px solid #fff;
	border-bottom:0px;
	border-right: 0px;
	border-left: 0px;
	font-weight:600;
	overflow:hidden;

}

.label-icon .with-content>a{
	
	color:#fff;
	font-size:10px;
	vertical-align:middle;
	
}

.label-icon .text-others-box {
	
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 1px 4px 0px 0px;
	width: 60px;
	position:absolute;
	bottom:-37px;
	left:-2px;
	color:#fff;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	white-space:normal;
	word-break:break-all;
	text-align:center;

}

.label-icon .text-others-box a {
	
	vertical-align: middle;
}

.sales:not(.myBox .sales){
	
  position:absolute;
  font-size:8px;
  left:43px;
  bottom:2px;	

}

.priceTitle{
	
  position:absolute;
  font-size:8px;
  right:2px;
  bottom:13px;	
  color:#fe0036;

}

.price{
	
  position:absolute;
  font-size:12px;
  font-weight:600;
  right:2px;
  bottom:0px;	
  color:#fe0036;
}

.box{
	
  width:100%;
  height:calc(100% - 28px);
  position:relative;
  overflow-x:hidden;
  overflow-y:scroll;
  color:#fff;  
  margin-top:22px;
  box-sizing:border-box;

   
}

.subClassTitle{
	
  width:100%;
  height:22px;
  text-align:center;
  position:absolute;
  z-index:100;
  top:-2px;
  left:0px;
  

}

.subClassTitle>div{
	
  width:fit-content;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  height:18px;
  color:#fff;
  border-radius:0px 0px 18px 0px;
  background-color:#fff;
  font-size:12px;
  box-sizing:border-box;
  vertical-align:middle;
  padding:0px 20px 0px 20px;
  text-shadow:1px 1px 1px #000;
  -webkit-user-select: auto;
  caret-color:#fff;
  -webkit-user-select: none; /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;  /* disable the IOS popup when long-press on a link */
  -khtml-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
  

}

.enterTitle{
	
   width:100%;
   height:100%;
   top:0px;
   left:0px;
   background-color:rgba(0,0,0,0.85);
   display:none;	
   z-index:101;
   position:absolute;
   color:#fff;
}

.enterTitle>div{
	
	width:160px;
	height:30px;
	border-radius:15px;
	margin: 0 auto;
	text-align:center;
	margin-top:-5px;
	border:1px solid #999;
	background-color:#000;
	position:relative;
	
}

.enterTitle>span{
	
    width:160px;
	height:30px;
	margin: 0 auto;
	text-align:center;
	margin-top:30%;
	position:relative;
	display:block;
	

}

.enterTitle>div>input{
	
	border: 0px;
	outline: 0px;
	background: transparent;
	color: #000;
    height:30px;
	font-size:14px;
	padding: 0px 10px 0px 10px;
	caret-color: #999;
	width:160px;
	text-align:center;
	box-sizing:border-box;
	color:#fff;
	
}

[contenteditable]:focus{outline:none}

.subClassTitle>img{
	
  position:absolute;
  top:5px;
  right:8px;
  width:12px;
  visibility:hidden
	
	
}

.containerBox .menu{
	
  width:auto;
  background-color:#fff;
  display:none;
  position:absolute;
  z-index:101;
  top:20px;
  right:6px;
  	
	
}

.containerBox .menu>div{
	
  padding: 2px 10px 2px 10px;
  height:20px;
  width:50px;
  text-align:left;
  color:#666;
  border-bottom:1px solid #000;
  font-size:12px;
  line-height:20px; 
}

.icon>div{
	
  width:50%;
  height:12px;
  border-radius:0px 0px 12px 0px;
  position:absolute;
  top:0px;
  left:0px;
  background-color:rgba(0,0,0,0.6);
	
}

.addShell{

  display:none;	
	
}

.showDialog{
	
   width:100%;
   height:100%;
   top:0px;
   left:0px;
   background-color:rgba(0,0,0,0.7);
   z-index:1100;
   position:absolute;
   color:#fff;
   font-size:18px;
   text-align:center;
   line-height:28px;
}

.showDialog>div{

   margin-top:40%;
}

.showDialog>div:nth-child(1){
	
	text-align:left;
	margin-top:40%;
	display:inline-block;
}
.showDialog>div:nth-child(2){
	
	width:100%;
	text-align:center;
	margin-top:80px;
}

.showDialog>div>span{
	
   background-color:#fff;
   color:#000;
   border-radius:3px;
   margin:10px;
   padding:2px 16px 2px 16px;
   margin-right:40px;
}

video{
  
    position: absolute;  
    min-width: 100%;  
    min-height: 100%;  
    height: auto;  
    width: 100%; 
    overflow:hidden;
    background-color:#000;
	z-index:102;
	left:0px;
    /*加滤镜*/  
    /*-webkit-filter: grayscale(100%);*/  
    /*filter:grayscale(100%);*/ 
    
        
}

.playcover{
	
	width:100%;
	height:100%;
	z-index:1004;
	top:0px;
	left:0px;
	filter: alpha(opacity=70);
    opacity: 0.7; 
	background-image:url(../images/play.png);
	background-size:80px 80px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgba(0,0,0,0.3);
	
	
}