/*************头部开始*********/

/*************首页导航结束*****************/

/**************主体开始********************/

.conter{
    width: 100%;
    min-width: 1276px;


}
.content{
    width: 100%;
    min-width: 1276px;
    margin-top: 8px;


}
.iem{
    width: 180px;
    display: inline-block;

}
.iem img{
    width: 100%;
}
.content-1{
    width: 100%;
}
/***图片轮播一 开始**/
/* .flexslider {
    position: relative;
    width: 100%;
    height: 528px;
    overflow: hidden;
    zoom: 1;

}
.flexslider .slides li {

    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 59px;
    height: 64px;
    line-height: 99em;
    overflow: hidden;
    margin-top: -35px;
    margin-left: 9%;
    display: block;
    background: url(../../images/images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;

}
.flex-direction-nav .flex-next {
    background-position: -60px 1px;
    right: 0;
    left: 75%;
}

.flex-direction-nav .flex-prev {
    background-position: -1px -1px;
    left: 1%;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;

}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../../images/images/dot.png) no-repeat -1px -22px;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: -99em;
    width: 20px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: -1px  0px;
}

.flexslider .slides a img {
    width: 1920px;
    height: 528px;
    display: block;
}
.div span{
    position: relative;
    display: inline-block;
    bottom:18px ;
    left: 2px;
    width: 18px;
    height: 18px;
} */
/**************************************/
/***图片轮播一 结束**/

/**************************************/
/***图片轮播一 结束**/
/**********特色眼镜*******/
/* .feature{
    width: 100%;
    height: 51px;
    margin-top: 0px;
    background: #ffffff;
    border: 1px solid #fff;
}
.feature div{
    width: 20px;
    height: 46px;
    margin-left: 10%;
    border-left: 5px solid #000;
    padding-left: 15px;
    margin-top: 4px;
}
h2{
    font-family: "微软雅黑";
    font-weight: 500;
    width: 190px;
    height: 25px;
    font-size: 1.25em;
    line-height: 25px;
}
.feature span{
    width: 200px;
    display: inline-block;
    color: #999;
    font-size: 0.875em;
    font-family: "微软雅黑";
} */
/***图片轮播二 开始**/
/***图片轮播二 结束**/
/***图片轮播三 开始**/
.photo{
    width: 100%;
    background: #f7f7f7;

}
.photo-ul{
	height:280px;
    width: 95.5%;
    padding-top: 20px;
    overflow: hidden;
}
.photo ul li{
    width: 220px;
    border: 1px solid #00ffcc;
    float: left;
    text-align: center;
    margin-left: 4px;
}
.photo-ul-img{

    width: 227px;
    height: 227px;
    /*border: 1px solid red;*/
    z-index: 700;
    margin-top: 18px;
    margin-left: 00px;
}
/**************图片切换按钮*******************/
/***图片轮播三 结束**/
/*城市和地图开始-*/
.city-map{
    width: 100%;
    min-width: 1276px;
    /*border: 1px solid darkgreen;*/
}
#city{
    margin: auto;
    width: 100%;

    height: 630px;
    /*border: 1px solid green;*/
}
.city-div{
    width: 100%;
    max-width: 1260px;
    height: 660px;

    /* border: 1px solid red;*/


}
.city-1{
    width: 50%;
    max-width: 620px;
    height: 630px;
    margin-top: 32px;
    float: left;





    /*  border: 1px solid blue;*/
/*     background: #ffffff; */

}

.city-2{
    width: 600px;
    margin-left: 0px;
    /* border: 1px solid red;*/
}
.city-2 span{
    font-family: "微软雅黑";
    font-size: 1.6em;
	color:#95978c;
    display: inline-block;
    width: 320px;
    height: 30px;

    margin-left: 35%;
    top: -5px;
    position: relative;
}
.city-2 img{
    margin-left: 4%;
    display: inline-block;
    width: 66px;
    height: 43px;
    margin-top: 20px;
    /*border: 1px solid red;*/
}
.city-c{
    width: 491px;
    height: 357px;
    border: 1px solid blue;
    margin-top: 40px;
    margin-left: 60px;
}
.city-c b{
    color: red;
}
.city-c span{
    font-family: "微软雅黑";
    font-size: 1.25em;
}
/**************select插件************************************/
#down{
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 4px;
    border: 8px solid red;
    border-bottom: 0;
    border-left: 8px solid  transparent;
    border-right: 8px solid  transparent;

}
#city-c-input{

border: 1px solid  red;
    width: 180px;
    height: 30px;

}
#city-c-input-span{
    display: inline-block;
    height: 32px;
    width: 26px;
    border-left: 1px solid #ddd;
    position: absolute;
    right: 0;
    top: 1px;
}
.city-c-ul-li{
    /*border: 1px solid red;*/
    width: 483px;
    margin-top: 15px;
}
.city-c-ul-li i{
    position: absolute;

    width: 33px;
    height: 44px;
    /* background: url("../images/向下箭头.png")no-repeat 0px 0px;*/
    margin-top: 0px;
    margin-left: 84px;
}
.time{
    display: inline-block;
    width: 30px;
    height: 43px;
    background: url("../images/向下箭头.png")no-repeat 0px 0px;
    margin-left: -31px;

    margin-top: 2px;

}
.city-c-ul-li input{
    width: 366px;
    height: 42px;
    border-radius: 5px;
    font-size: 20px;
    font-family: "微软雅黑";
}
#shop{
    width:366px;
    height: 44px;

}
.btn{
    width: 271px;
    height: 52px;
    border: 1px solid #f15e57;
    margin-top: 45px;
    border-radius: 8px;
    background: #f15e57;
    font-size: 1.25em;
    font-family: "微软雅黑";
    margin-left: 210px;
	color:#fff;
    cursor:pointer;
	outline:none;
}

/*************地图*************/
.map{
    width: 50%;
    max-width: 620px;
    height: 630px;
    position: relative;
    margin-left: 50%;
	

    float: right;
    margin-top: -630px;


    /* border: 1px solid blue;*/
/*     background: ; */

}

.map-div{
    width: 76%;
    max-width: 540px;
    height: 241px;
}
/*************联系人****/
.link{
    width: 133px;
    height: 33px;
    /* border: 1px solid blue;*/
    font-size: 1.75em;
    font-family: "微软雅黑";
    margin-top: 32px;
    text-align: center;
	color:#95978c;
}
.address{
  width: 531px;
  height: 76px;
  margin-top: 30px;
  text-align: center;
  padding-left: 55px;
}
.address p{
    width: 90%;
    font-family:"微软雅黑";
    font-size: 1em;
    color: #acaaab;
    text-align: center;
}
/*************主体结束*****************/


/************页脚结束*****************/
/*******************************商城部分*************************************/
/**************主体开始**************/
.shop-conter-1{
    width: 100%;
    height: 83px;
   /*
   border: 1px solid red;
   */
    line-height: 83px;
    margin-top: -20px;

}
div .shop-conter-2{
    width: 42%;
    max-width: 541px;
    height: 44px;
    line-height: 42px;
    margin-top: 40px;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius:5px ;

    padding-left: 4px;
}
/*div .shop-conter-2:hover{
    background:  #efd313;
}*/
div .shop-conter-2 input{
    font-family: "微软雅黑";
    width: 480px;
    height: 34px;
    font-size: 20px;
    color: #666;
    outline:none;
    margin-top: 3px;



}
div .shop-conter-2 p{
    width: 62px;
    height:38px ;
margin-left: 88%;
    margin-top: -42px;
    line-height: 37px;
  text-align: center;
    cursor:pointer;
    /*
    border: 1px solid red;
    */
    background:#efd313 ;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

}
div .shop-conter-2 p a{
    color: #fff;
    font-size:1.125em ;

    font-family: "微软雅黑";
}


/*************筛选***********************/
.shop-conter-3{

    width: 100%;
    height: 30px;
    /**  border: 1px solid red;**/
    margin-top: 25px;
}
.shop-conter-3-div{
    position: relative;
    width: 180px;
    height: 30px;
    border-left: 4px solid #333;
	float:left;

}
.shop-conter-3-div span{
    font-size: 1.1em;
    font-family: "微软雅黑";
    line-height: 18px;
    display:block;
    width: 150px;
    height: 18px;
    color: #484848;
    text-align: left;
    margin-left: 3%;
}
.shop-conter-3-div p{
    font-family: "微软雅黑";
    width: 300px;
    font-size: 12px;
    line-height: 12px;
    color: #999;
    padding-left: 5px;
    margin-top: -2px;
}
/************品种*****************/
.shop-conter-4-ul{

    height: 56px;
    margin-left: 9%;
    margin-top: 24px;
    text-align: center;

}
.shop-conter-4-ul ul{
  position: absolute;
    height: 56px;
    text-align:left;

/*
*/
    border: 1px solid red;
}
.shop-conter-4-ul span{
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 60px;
     line-height: 40px;
    height: 40px;
    border: 1px solid blue;
    text-align: center;
    margin-left: 26%;

}
.shop-conter-4-ul ul li{

    height: 54px;
    float: left;
    /*border: 1px solid red;*/
    line-height: 54px;
    /*
    margin-top: 24px;
   /* */

    margin-left: 3%;

}
.shop-conter-4-ul-1{
    width: 40%;
    height: 22px;
    /*
    border: 1px solid red;
    */
    line-height: 22px;
    margin-top: 30px;
    margin-left: 9.7%;
}
.shop-conter-4-ul-1 ul li{
    width: 10%;
     float: left;
    line-height: 22px;
    margin-left: 5%;
    font-size: 0.8em;
    /*
    border: 1px solid red;
    */
}
.shop-conter-4-ul-1 ul li a:hover{
    color: #efd214;
}
.shop-conter-4-ul a:hover{
    color: red;
}
/****************商品调件选择*******************************/
.shop-conter-4-div{
   width: 90%;
    height: 130px;
   /* border: 1px solid #0fc;*/
    margin-left: 1%;
}
/*************产品条件选择**********************/
.shop-conter-nav-head{
    margin-top: 257px;
    width: 100%;
    height: 36px;
    /*
    border: 1px solid red;
    */
}
.shop-conter-nav{
    width: 82.5%;
    min-width: 1000px;
     margin-left: 8.6%;
    height: 36px;
    border: 1px solid black;
    line-height: 36px;
    margin-top: 00px;
    background: #424242;

}
.shop-conter-nav-ul{
    float: left;
    width: 130px;
    height: 35px;
    line-height: 35px;

   padding-left: 20px;

   /*****margin-left: 9.5%;****/
    font-size: 1.125em;
    font-family: "微软雅黑";
    color: #fff;
}
.shop-conter-nav-ul:hover{
    background: #2e2e2e;
}
/*************************人气************************/
.shop-conter-nav-ul-1{
    float: left;

}
.shop-conter-nav-ul-1 li{
    float: left;
    width: 60px;
    height: 35px;
    margin-bottom: 1px;
    line-height: 35px;
    text-align: center;
    margin-right: 20px;
    font-family: "微软雅黑";
    font-size: 1.15em;
    color: #fff;
}
/**************价格************************/
.shop-conter-nav-price{
    float: left;

}
.shop-conter-nav-price li{
    font-size: 1.2em;
    color: #fff;
    float: left;
    margin-right: 10px;
    line-height: 35px;

    font-family: "微软雅黑";
}
.shop-conter-nav-price li input{
    display: inline-block;
    width: 45px ;
    height: 18px;
  margin-top: 3px;
    /*
    border: 1px solid blue;
    */
    vertical-align: middle;


}
.shop-conter-nav-price li button{

    font-family: "微软雅黑";
    color: #fff;
    background: #999;

}
/**给i设置单机事件***************/
.shop-conter-nav-price li i{
    display: inline-block;
    width: 30px ;
    height: 25px;

    position: relative;
    top: -7px;

}
.shop-conter-nav-price li i {
    display: none;
    background:url("../shop-image/yes.png")no-repeat -3px -3px ;

}
.shop-conter-nav-price li .shop-conter-nav-price-b-1,
.shop-conter-nav-price li .shop-conter-nav-price-b-2{
    display: inline-block;
    width: 15px;
    height: 15px;
  margin-top: 14px;
    background:#FFF;
    position: absolute;

}
.shop-conter-nav-price-span{
 display: inline-block;
    margin-left: 20px;
    margin-top: 3px;
    font-size: 1em;
}
/******************产品********************/
.shop-conter-body{
    width: 100%;
    height: 1300px;
    min-width: 960px;
    /*
    border: 1px solid red;
    */

}
/******************产品排列********************/
.shop-conter-body-div{
    width: 83%;
    min-width: 1100px;
    height: 1200px;
    /*
    border: 1px solid blue;
    */

}
.shop-conter-body-div-1-ul{
    width: 100%;
    min-width: 1100px;
   /* height: 280px;*/

    border: 1px solid #fff;

}
.rx-song{
	margin-left:100px;
}
.shop-conter-body-div-1-ul-li{
    margin-top: 40px;
    float: left;
	margin-left:8px;
    width: 24%;
    min-width: 272px;
    height: 270px;
    border:1px solid #999999 ;
    /*
    border: 1px solid blue;
    */
}
/*.shop-conter-body-div-1-ul li{

    max-width: 400px;
    border: 1px solid red;
    width: 20%;
    margin-left: 7px;
    float: left;
}*/
.shop-div-div ul li{
    position: relative;
    /*
    border: 1px solid blue;
    */

}
/*.shop-conter-div-price >h5{
    width: 100%;
    min-width: 270px;
    border: 1px solid green;

}*/
.shop-conter-div-logo{

    position: relative;
    margin-left: 80%;
    width: 20%;
    height: 28px;
     top:10px;
    background:url("../shop-image/NEW.png")no-repeat 0px 0px ;
}
.shop-conter-body-div-id{
    position: relative;
    opacity: 0.9;
    height: 0px;
    width: 80%;
	top:-210px;
    min-width: 290px;
	margin-left:-2px;
    background: #7f7f7f;
    overflow: hidden;
}
.shop-div-div{
    position: absolute;
	height:0px;
}


.siblings li img{
    width:99%;
	margin-left:2px;
    min-width:285px;
	max-width:242px;
    height: 210px;
}
.siblings ul li{
    width: 24.7%;
    min-width: 272px;
    height: 272px;
}
.shop-conter-div-price{

    text-align: right;
    line-height: 50px;
    margin-top: 190px;
    margin-left: 0px;
    width: 98%;
    min-width: 270px;
    height: 50px;
    /*
    border: 1px solid red;
    */


}
.siblings li{
    /*width: 270px;
    height: 270px;*/
    /*
    border: 1px solid blue;
    */
}

.shop-conter-div-price-1 li{
   margin-top: 10px;
    float: left;

    text-align: left;
    padding-left: 10px;

    margin-left: 2px;
    max-width: 270px;
}
.shop-conter-div-price li a{
    display: inline-block;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
      border-radius:50px;

    width: 15px ;
     height: 15px ;
    margin-bottom: 10px;

    /*border: 1px solid blue;*/


}
/*****************模糊层**************/
.shop-div-1{
margin-left: 20px;
    margin-top: 40px;
}

.shop-div-1 h3{
    font-family: "微软雅黑";
     font-weight: 400;
    color: #fff;
    font-size: 1.5em;
    margin-top: 20px;
}
.shop-div-1 h5{
    color: #ddd;

}
.shop-div-1 h4{
    color: #c0c0c0;
    margin-top: 7px;
}
.shop-div-1 a{
    display: inline-block;
    width: 100%;
    height: 20px;
    color: #fff;
    font-size: 0.75em;
    text-decoration: underline;
}
.shop-div-1-btn a{
    text-align: center;
   text-decoration: none;
    line-height: 40px;
    display: inline-block;
    margin-left: 10%;
    margin-top: 40px;
    width: 175px;
    height: 40px;
    background: #efd313;
    border-radius: 5px;
  border:0 #efd313 solid;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 1.25em;
}

/****************选择页面***********************/
.shop-conter-body-pag{
    width: 100%;
    height: 40px;

    margin-top: 60px;
}
.shop-conter-body-pag-num{
    width: 90%;
    max-width: 1277px;
    height: 40px;

    margin-left: 9.5%;


}
.shop-conter-body-pag-num a{
    margin-top: -2px;
    text-align: center;
    line-height: 40px;
    margin-left: 14px;
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;

    background: #efefef;
    font-size: 1em;
    color: #666;
    font-family: "微软雅黑";
}
.shop-conter-body-pag-num-n{
    float: left;
   /* width: 240px;*/
 /*   height: 41px;*/


    margin-left: 10%;
    margin-top: 0px;

}

.shop-conter-body-pag-num-n a{
    margin-left: 0px;
    width: 88px;
    height: 40px;
    background: #fff;
    font-size: 1.025em;
}
.shop-conter-body-pag-num-n input{
    margin-top: -2px;
    text-align: center;
    float: left;
    display: inline-block;
    width: 80px;
    height: 38px;
    border: 1px solid #b0b0b0;
    font-size: 1.1em;
    font-family: "微软雅黑";
}
/*******************推荐商品*****************/
.shop-conter-body-shop{
    width: 100%;
    height: 35px;
    margin-top: 56px;
}
/********************推荐商品展示********************************/
.shop-conter-body-show{
    width: 100%;
    /*
    height: 360px;
    */
    /*border: 1px solid red;*/
    margin-top: 36px;

}
.shop-conter-body-show-div{

    width: 83%;

    min-width: 1200px;
    height:305px;

    /* border: 1px solid black;*/

    /*
    margin-left: 8%;
    */

}
.shop-conter-body-show-div ul li{
	
    margin-left: 10px;
    float: left;
    width: 24%;
    height: 272px;
    border: 1px solid #999;
}
.shop-conter-body-show-div ul li:hover{
    border: 1px solid #efd313;
}
.shop-conter-body-show-div ul li img{
    width:100% ;

  /*  border: 1px solid green;*/

}
.shop-conter-body-show-div-li{
    width: 100%;
}

.shop-conter-body-show-div-li span{
   display: inline-block;
    margin-top: 15px;
    width:110px;
    height: 20px;
    font-size: 1.025em;
    font-family: "微软雅黑";
    text-align: center;
    margin-left: 18px;
    color: #333;
}
.shop-conter-body-show-div-li p{
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    /*
    border: 1px solid red;
    */
    margin-top: 15px;
    font-family: "微软雅黑";
    font-size: 1.125em;
    vertical-align:middle;
    color: #333;
}
#shop-conter-body-show-div-li-img{
   display: inline-block;
    width: 14px;
    height: 16px;
    vertical-align: middle;
}
/*****************主体底部搜索***********************************/
.shop-conter-body-foot-input{
    margin-top: 20px;
    width: 100%;
    height: 110px;

    border: 1px solid #ffffff;

}
/*****************主体结束********************/
/************************详情页*******************************/
.conter-details-div{
    margin-top: 7px;
    width: 98%;
   /* max-width: 1276px;*/
    min-width: 1276px;
    height: 298px;
    /*border: 1px solid red;*/
    margin-left: 1%;
}
/*.conter-details-div-left-ul{
    margin-left: 10%;
   float: left;
    width: 65px;
    height: 290px;
    border: 1px solid red;
}
.conter-details-div-left-ul li{
    margin-top: 3px;
    width:64px;
    height: 64px;
    border: 1px solid blue;
}*/
/*.conter-details-div-right{
    float: left;
    margin-left: 20%;
    width: 28.2%;
    height: 290px;
    border: 1px solid #0fc;
}*/
/*.conter-details-div-right-ul li{
  margin-top: 71px;
}*/
.conter-details-div-right-nav{
    margin-left: 10%;
    float: left;
    width: 160px;
    height: 290px;
  /*  border: 1px solid #dd8888;*/
}

.conter-details-div-right-nav p{
    width: 143px;
    height: 20px;
    /*
    border: 1px solid red;
    */
    font-size: 0.7em;
    margin-top: 13px;
    color: #999;
    font-family: "微软雅黑";
}
.conter-details-div-right-nav-div{
    height: 21px;
  /*  border: 1px solid #f0b617;*/
   padding-left: 5px;
    line-height: 21px;
  margin-top: 60px;
    font-size: 0.7em;
    font-family: "微软雅黑";
    color: #333;
}
.conter-details-div-right-nav-div img{
    margin-bottom: 5px;
    line-height: 21px;
    margin-right: 8px;
    vertical-align: middle;
}
.conter-details-div-right-nav-div-2{
    padding-left: 5px;

    font-size: 0.75em;
    color: #333;
    margin-top: 24px;
    line-height: 19px;
    font-family: "微软雅黑";
}
.conter-details-div-right-nav-div-2 img{
    margin-right: 8px;
    vertical-align: middle;
}

/*商品详情*/
.conter-details-shop-div{
    margin-top: 30px;
    width: 98%;
    min-width: 1276px;
    /*border: 1px solid blue;*/
    height: 405px;
}
.conter-details-shop-div-1{
    width: 90%;
    max-width: 1276px;
    height: 402px;
  /*  border: 1px solid red;*/
    margin-left: 9.5%;
}
/*云视野太阳镜*/
.conter-details-shop-div-2{
   width: 120px;
    height: 20px;
    line-height: 20px;
    /*
    border: 1px solid red;
    */
    margin-left: 48px;
    margin-top: 18px;
    font-size: 1.025em;
    font-family: "微软雅黑";
    color: #333;

}
/*商品详情左侧*/
.conter-details-shop-div-price{
 float: left;
}
.conter-details-shop-div-price-1 p{
    margin-right: 65px;
    float: left;
    margin-left: 48px;
    margin-top: 15px;
    font-size:0.7em;
    color: #666666;
    font-family: "微软雅黑";
}
#conter-details-shop-div-price-1-p{
    width: 72px;
    height: 20px;
    background: #fa1a6d;
     color: #FFFFFF;
    line-height: 20px;
    text-align: center;
    margin-left: -60px;
    font-family: "微软雅黑";


}
/*运费*/
.conter-details-shop-div-price-2-p{
    margin-right: 82px;
    float: left;
    margin-left: 48px;
    margin-top: 15px;
    font-size:0.7em;
    color: #666666;
    font-family: "微软雅黑";
}
.conter-details-shop-div-price-2-div{
    margin-top: 15px;
    font-size: 0.7em;
    float: left;
    width: 340px;
    height: 18px;
    line-height: 18px;
    /*border: 1px solid green;*/
    margin-left: 30px;
    color: #666;
    font-family: "微软雅黑";
}
.conter-details-shop-div-price-2-div ul li{

    float: left;
   /* border: 1px solid red;*/
}

/*快递样式开始*/

#cate{
    float: left;
    height: 18px;
    line-height: 18px;

    width:45px;
    text-align: center;
    /*padding-right:20px;*/
    position: relative;
 /*   border: 1px solid blue;*/
}
#cate .cate_wrp {
    overflow: hidden;
}
#cate .cate_inp {
    /*padding-left:15px;*/
    height: 18px;
    width: 50px;
  /*  border-radius: 3px 0 0 3px;*/
    /*
    border: 1px solid #0fc;
    */
    cursor:pointer;
    border-right:none;
    background: #fff;
    float: left;
    font-size: 0.8em;

}
/*#cate a.cate_tri:link,  #cate a.cate_tri:visited {
	width:20px;
	height:20px;
	float: left;
	background: transparent url('../images/select_right.gif') no-repeat center center;
}*/
#cate .cate_drop {
    background:#fff;
    width:45px;
    height: 90px;
    border:1px solid #999;

    border-radius: 5px;

}
#cate .cate_drop li {
   background: #fff;
    text-align: center;
    width:45px;
    margin-bottom: 5px;
}
#cate .cate_drop li:hover {

    background: #E5007F;
    color: #fff;
    cursor: pointer;
}
/*快递样式结束*/
/*支付方式*/
#cate-1{
    /*
    border: 1px solid red;
    */
    width: 170px;
    height: 90px;
    margin-left: -10px;
    padding-left: 9px;
}
.cate_wrp-1{
    width:157px ;
    height: 20px;
    cursor: pointer;
}
.cate_drop-ul li{
    text-align: center;
    float: left;
    width: 80px;
    height: 20px;
    font-family: '微软雅黑';
    font-size: 0.7em;
    color: #999;
    margin-top: 10px;
    cursor: pointer;
}

/*支付方式结束*/
.conter-details-shop-div-price-3{
    margin-top: 45px;
    margin-left: 48px;
}

.conter-details-shop-div-price-3-p{
    float: left;
    color: #666;
    font-family: "微软雅黑";
    font-size: 0.8em;

}
.conter-details-shop-div-price-3-ul{
    width: 330px;
    height: 145px;
    margin-left: 142px;
}
.conter-details-shop-div-price-3-ul li{
    cursor:pointer;
    float: left;
    width: 150px;
    height: 33px;
    border: 1px solid #999;
    line-height: 33px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 8px;
  font-family: "微软雅黑";
    font-size: 0.8em;
}
/*服务承诺*/
.conter-details-shop-div-price-sever{
    vertical-align: middle;
    height: 60px;
    /*
    border: 1px solid red;
    */
    /*
    margin-top: 10px;
    */
}
.conter-details-shop-div-price-sever-1{
    height: 60px;
    display: inline-block;
    margin-left: 40px;
    font-family: "微软雅黑";
    font-size: 0.8em;
    color: #666;
   margin-top: 10px;
    line-height: 60px;
}
.conter-details-shop-div-price-sever-1 img{

    height: 60px;
}

/*商品详情右侧*/
.conter-details-shop-div-price-right{
    width: 390px;
    height: 280px;
    /*
    border: 1px solid red;
    */
    margin-left: 45%;
    margin-top: 20px;

}
.conter-details-shop-div-price-right-div{

    font-size: 0.8em;
    font-family: "微软雅黑";
    color: #999;
}
.conter-details-shop-div-price-right-div span{
    margin-right: 12px;
}
/*颜色选择*/
.conter-details-shop-div-price-right-div-1{
    margin-left: 1px

width: 335px;
height: 40px;
}
.conter-details-shop-div-price-right-div-1 span{
    float: left;

    font-size: 0.8em;
    font-family: "微软雅黑";
    color: #333;
    margin-top: 15px;
}
.conter-details-shop-div-price-right-div-1-ul{
    margin-top: 13px;
    float: left;
    margin-right: 24px;
    font-size: 0.8em;
    font-family: "微软雅黑";
    color: #333;
    cursor: pointer;
}
/*加盟商*/
.conter-details-shop-div-price-right-div-1-people{
  width: 390px;
    height: 40px;
    margin-top:34px;

}
.conter-details-shop-div-price-right-div-1-people span{
    font-size: 0.8em;
    font-family: "微软雅黑";
    color: #333;
}
.conter-details-shop-div-price-right-div-1-people img{
    vertical-align: middle;
}
.conter-details-shop-div-price-right-div-2-num{
    width: 400px;
    height: 40px;
    margin-top: 15px;
    padding-left: 2px;
}
.conter-details-shop-div-price-right-div-2-num span{
    float: left;
    margin-right: 28px;

    font-size: 0.7em;
    font-family: "微软雅黑";
    color: #999;
}
/*支付方式*/
.conter-details-shop-div-price-right-div-2-payment{
    font-size: 0.8em;
    font-family: "微软雅黑";
    color: #333;
}
/*商品购买*/
.conter-details-shop-div-price-right-buy-1,
.conter-details-shop-div-price-right-buy-2{
 float: left;
 width: 168px;
    height: 40px;
    /*
    border: 1px solid blue;
    */
    font-family: "微软雅黑";
    text-align: center;
    line-height: 40px;
    margin-left: 80%;
    margin-top: -200px;
    background: #f3110d;
    border-radius:8px ;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    color: #fff;
    font-size: 1.025em;
    cursor:pointer
}
.conter-details-shop-div-price-right-buy-2{
    margin-top: -140px;
}
/*商品导航指南*/
.conter-details-shop-div-guide{
    width: 100%;
    height: 43px;
    margin-top: 30px;
 /*   border: 1px solid green;*/
}
.conter-details-shop-div-guide-div{
    width: 90%;
    height: 43px;
   /* border: 1px solid red;*/
    margin-left: 9.5%;
}
.conter-details-shop-div-guide-div-span{

   display: inline-block;
    width: 4px;
    background-image:url("../../images/images/switch-box.jpg");
    margin-left: 6px;
    height: 40px ;

    vertical-align: middle;
}
.conter-details-shop-div-guide-div ul li{
    position: relative;
    text-align: center;
    float: left;
    line-height: 40px;
    width: 100px;
    height:43px;
    font-size: 0.9em;
    border-right:1px solid #999 ;
    cursor: pointer;

}
.conter-details-shop-div-guide-div ul li b{
    display: inline-block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;


}
/*商品详情图片*/
.conter-details-shop-div-big-div{

 float: left;
   width: 79%;
    max-width: 974px;
   /* border: 1px solid red;*/
   /* margin-left: 9.5%;*/
}
.conter-details-shop-div-big-div-2{
    margin-top: 18px;
    width: 100%;
    height: 81px;
   /* border: 1px solid blue;*/
}
.conter-details-shop-div-big-div-2 >p{
    font-size: 1.1em;
    font-family: "微软雅黑";

}
.conter-details-shop-div-big-div-2-name{
    width: 900px;
    height: 20px;
    line-height: 20px;
    font-family: "微软雅黑";
    font-size: 0.85em;
   margin-left: 0px;
    /*margin-top: ;*/
}
.conter-details-shop-div-big-div-2-name >span{
    float: left;
    margin-right: 30px;
 }
.conter-details-shop-div-big-div-2-name ul li{
    float: left;
    width: 90px;
    height: 20px;

    margin-right: 30px;
}
.conter-details-shop-div-big-div-2-name p{
    margin-left: 20%;
}
.conter-details-shop-div-big-div-2-color{

    margin-top: 5px;
    width: 500px;
    height: 18px;
    margin-left: 14%;
    line-height: 18px;
    font-family: "微软雅黑";
    font-size: 0.8em;

}
.conter-details-shop-div-big-div-2-color ul li{
    width: 90px;
    height: 18px;
    float: left;
    margin-right: 30px;
}

/*右侧推荐栏*/
.conter-details-shop-div-big-div-right{
 float: right;
    width: 230px;
    /*width:15% ;*/
   /* height: 100px;*/
    /*
    border: 1px solid blue;
    */
}
.conter-details-shop-div-big-div-right-div-logo{
    width: 100%;
    height: 45px;
    /*
    border: 1px solid  red;
    */
    margin-top: 27px;
   /* margin-bottom: 12px;*/
}
.conter-details-shop-div-big-div-right-div-ul li{
    width: 230px;
    max-width: 300px;
    height: 320px;
    margin-top: 12px;
    background: #fff;

}
.conter-details-shop-div-big-div-right-div-ul li:hover{
    border: 1px solid #efe917;
}
.conter-details-shop-div-big-div-right-div-ul{
   width:  230px;

}
.conter-details-shop-div-big-div-right-div-ul li img{
    width: 230px;
    max-width: 300px;

}
.conter-details-shop-div-big-div-right-div-ul-div{
    width: 230px;

}
.conter-details-shop-div-big-div-right-div-ul-div span{
    display: inline-block;
    width: 100px;
    height: 18px;
     font-size: 1em;
    font-family: "微软雅黑";
    color: #333;
    float: left;
    margin-top: 20px;
    text-align: center;
    line-height: 18px;
}
/*商品评论*/
.conter-details-shop-div-comment-B{
    width: 79%;
    max-width: 936px;
    margin-left: 0px;
  /*  border: 1px solid blue;*/
    float: left;
}
.conter-details-shop-div-comment{
   padding-top: 25px;
    height: 258px;
    float: left;
    width: 100%;
    max-width: 936px;
    /*border: 1px solid red;*/
}
.conter-details-shop-div-comment-vip{
    width: 400px;
    height: 45px;
    /*border: 1px solid blue;*/
    margin-left: 0px;
}
.conter-details-shop-div-comment-vip p{
    float: left;
}
.conter-details-shop-div-comment-vip-p{
    margin-top: 4px;
    width: 101px;
    height: 36px;
    /*border: 1px solid red;*/
    margin-left: 6px;
  /*  line-height: 41px;*/
}
/*会员等级*/
.conter-details-shop-div-comment-vip-p-span{
    width: 100px;
    height: 20px;
}
.conter-details-shop-div-comment-vip-p-span img{
  width: 19px;
    height: 16px;
}
/*初次评论*/
.conter-details-shop-div-comment-say{
text-align: left;

}
.conter-details-shop-div-comment-say p{



}
.conter-details-shop-div-comment-say-div p{
    margin-right: 60px;
    float: left;
    font-size: 0.8em;
    font-family: "微软雅黑";
}
/*评论上传图片*/
.conter-details-shop-div-comment-say-img{
    margin-left: 95px;
    margin-top: 14px;
}
.conter-details-shop-div-comment-say-img ul li{
    float: left;
    margin-right: 15px;
}
/*追加评论*/
.conter-details-shop-div-comment-say-2{
 margin-top: 20px;
}
.conter-details-shop-div-comment-say-2-span{
   font-size: 0.7em;
    font-family: '微软雅黑';

}
.conter-details-shop-div-comment-say-2-color{
 margin-top: 22px;
    padding-left: 100px;
}
/*解释*/
.conter-details-shop-div-comment-say-div-say-1{
    font-size: 0.7em;
    font-family: "微软雅黑";
    margin-left: 100px;
   margin-top: 20px;
 width: 563px;
    height: 50px;
    color: #5d3d43;
}
/*  <!--成交记录record-->*/
.conter-details-shop-div-record,.conter-details-shop-div-record-s{
    width: 79%;
    max-width: 936px;
    margin-left: 0px;
    /*border: 1px solid blue;*/
    float: left;
}
.conter-details-shop-div-record-div{
 width: 300px;
    height: 45px;
    color: #999;
    font-family: '微软雅黑';

}
.conter-details-shop-div-record-div p img{
    vertical-align: middle;
    margin-right: 20px;
}


.k{
    float: left;
    margin-left: 12%;
    width:720px;
    height:300px;
    overflow:hidden;
 /*border: 1px solid red;*/
}

/*****切换开始*****/

.film_focus ul.film_focus_imgs {
    width: 358px;
    height:9999em;
    position:absolute;
    right:0;
    top:0;
    overflow:hidden;

}
.film_focus_imgs li {
  float: right;
    width: 358px;
    height:145px;
    overflow:hidden;
 /*   border: 1px solid green;*/
    margin: 80px auto;
}
.film_focus_imgs li img {
    height:141px;
    width:358px;
}

.film_focus_nav {
    float: left;
    width:60px;
    height:260px;

    left:0;
    top:0;
    z-index:100;
  /*  border: 1px solid red;*/
}
.film_focus_nav li {
    height:57px;
   width: 60px;
    margin:0px 0px 5px 0;
 /*border: 1px solid green;*/
    position:relative;

    cursor: pointer;
    cursor: hand;
    color:#333;
    font-weight:bold;
    font-size:14px;
    overflow:hidden;
    line-height:47px;
}

.film_focus ul.film_focus_nav li b {
    display:none
}
.film_focus ul.film_focus_nav li b span {
    display:block
}
.film_focus ul.film_focus_nav li.cur b {
    display:block;
    vertical-align: middle;
    display: table-cell;
    height:132px;
}
.film_focus ul.film_focus_nav li.cur span {
    display:none
}
/*******************************云验光体验店****************************************/
.conter-experience{
    width: 100%;
    min-width: 1276px;
    height: 274px;
    border-bottom:1px solid red;
}
.conter-experience  >img{
    width: 100%;
    min-width: 1276px;
    height: 274px;
    border-bottom:1px solid red;
}
.conter-experience-nav{
  width: 100%;
    height: 40px;
    min-width: 1210px;
   /* border: 1px solid blue;*/
    margin-top: 25px;
    margin-bottom: 55px;

}
.conter-experience-nav-div{
    width: 90%;

    height: 40px;
    min-width: 1210px;
 /*   border: 1px solid red;*/
    margin-left: 9.5%;
}
.conter-experience-nav-left-div >div{
    position: relative;
    margin-left: 0px;
    float: left;
    width: 154px;
    height: 38px;
    font-family: "微软雅黑";
    font-size: 1.025em;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;

}
.conter-experience-nav-left-div-1{
  left: 100px;
  background: #343b40;
    width: 300px;
    height: 280px;
    /*
    border: 1px solid red;
    */
    opacity: 0.95;
    margin-top: -2px;

}

.conter-experience-nav-left-div-1 ul li{
    height: 18px;
    color: #fff;
    font-size: 0.6em;
    font-family: '微软雅黑';
    margin-bottom: 10px;


}
.conter-experience-nav-left-div-1 ul li a{
    color: #b6b6b6;
}
.conter-experience-nav-left-ul li{
    width: 88px;
    height: 40px;
    float: left;
 /*   border: 1px solid green;*/
    font-family: "微软雅黑";
    font-size: 0.8em;
    line-height: 40px;
   color: #333;
    text-align: center;
    margin-right: 0px;
    cursor: pointer;
}
.conter-experience-nav-left-ul li img{
    margin-left: 10px;
}
.conter-experience-nav-left-ul li input{
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: -3px;
}

.conter-experience-nav-right{
    float: right;
    width: 321px;
    height: 40px;
    border: 1px solid black;
    margin-right: 160px;
    padding-left: 3px;

    -moz-border-radius: 5px;
    border-radius: 5px;
}
.conter-experience-nav-right input{
    float: left;
    font-family: "微软雅黑";
    font-size: 0.8em;
    line-height: 40px;
    padding-left: 10px;
    border: 0;
    width: 254px;
    height: 38px;
    outline: none;

}
.conter-experience-nav-right >span{
      float: left;
    display: inline-block;
    width: 57px;
    height: 40px;

    line-height: 38px;
    text-align: center;
    cursor: pointer;
    background: #000;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 0.8em;

}

/*店铺*/
.conter-experience-body-stores{
    width: 90%;
    min-width: 1210px;
    height: 350px;
   /* border: 1px solid red;*/
    margin-left: 9.5%;

}

.conter-experience-body-stores-div{
    float: left;
  background:url("../../images/images/experience-vip.png")no-repeat 0 0 ;
    width: 307px;
    height: 350px;
   /* border: 1px solid blue;*/
    margin-left: 0px;

}
.conter-experience-body-stores-div-1{
    margin: 14px 12px 12px 14px;
}
.conter-experience-body-stores-vip{

    float:left ;
    width: 150px;
    height: 40px;
  /*  border: 1px solid red;*/
    margin-top: 8px;
    margin-left: 10px;
}
.conter-experience-body-stores-div img{
    float: left;

}
.conter-experience-body-stores-vip p{

    font-family: "微软雅黑";
    font-size: 0.7em;
    margin-bottom: 3px;
}

.conter-experience-body-stores-vip-say{
 margin-left: 14px;
    margin-top: 8px;
    font-family: "微软雅黑";
    font-size: 0.8em;
}
.conter-experience-body-stores-vip-say img{
    margin-top: 00px;
    margin-right: 6px;
}
/*进入店铺*/
.conter-experience-body-stores-div-stores{
  width: 117px;
    height: 80px;
   /* border: 1px solid red;*/
    margin-top: 85px;
    margin-right: 44px;
}
.conter-experience-body-stores-div-stores-1,
.conter-experience-body-stores-div-stores-2{
    margin-bottom: 12px;
 width: 113px;
    height: 26px;
    background: #ee1918;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 0.9em;
    line-height: 26px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;

}
.conter-experience-body-stores-div-footer{
    text-align:center;

}
.conter-experience-body-stores-div-footer span{
    font-family: "微软雅黑";
    font-size: 0.7em;
    color: #999;

}
.conter-experience-body-stores-div-footer-au{
padding-left: 130px;
    margin-top: 16px;
}

/*店铺商品展示*/
.conter-experience-body-stores-shop{
    float: left;
    width: 65%;
   /* max-width: 900px;*/
    height: 330px;
 /*   border: 1px solid yellow;*/
    margin-left: 3%;
}
.conter-experience-body-stores-shop-ul{
    position: absolute;
    width: 60%;
    min-width: 839px;
    float: right;
    height: 200px;
  /*  border: 1px solid green;*/
    margin-top: 65px;
}
.conter-experience-body-stores-shop-ul li{
   float: left;
    width: 24%;
    height: 196px;
 /*   border: 1px solid yellow;*/
}
.conter-experience-body-stores-shop-ul li img{
/*    margin-left: 20px;*/
}
.conter-experience-body-stores-shop-ul li p{
    font-family: "微软雅黑";
    font-size: 0.7em;
    color: #999;
    text-align: center;
    margin-bottom: 3px;
}
.conter-experience-body-stores-shop-ul li p span{
    display: inline-block;
}
/*模糊层*/
.conter-experience-body-stores-shop-ul-opacity{
    display: none;
/*    opacity: 0.3;*/
    position: relative;
    top:-214px;
    width: 260px;
    height: 236px;
    border: 1px solid yellow;
    z-index: 100;


}

.conter-experience-body-stores-shop-ul-opacity-span >b{
    display: inline-block;
   background: url("../../images/images/experience-hd-glay.png")no-repeat;
    margin-top: 22px;
    margin-left: 175px;
    width: 13px;
    height: 11px;
 /*   border: 1px solid red;*/
}
.conter-experience-body-stores-shop-ul-R{
    float: right;

    margin-right: 0px;
    width: 50px;
    height: 214px;
   /* border: 1px solid red;*/
  padding-top: 20px;
    background: #fff;

}
.conter-experience-body-stores-shop-ul-R p img{
  /*  border: 1px solid red;*/
}
/****************************自定义下拉菜单************************************/
.conter-details-shop-div-select{
    width:550px;
    height: 550px;
    border: 1px  solid #999;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

}
.conter-details-shop-div-select-col{
    font-family: "微软雅黑";
    font-size: 1.25em;
    color: #999;
    width: 90%;
    height: 38px;
/*    border: 1px solid green;*/
    line-height: 38px;
    text-align: left;
    margin-bottom: 35px;
    margin-top: 20px;
    padding-left: 30px;
}
.conter-details-shop-div-select-col span{
    float: right;
    width: 25px;
    height: 25px;
}
.conter-details-shop-div-select-div{
    font-family: "微软雅黑";
    font-size: 0.8em;
    color: #333;
    width: 450px;
    height: 40px;
  /*  border: 1px solid yellow;*/
    line-height: 40px;
    margin-bottom: 15px;
    margin-left: 40px;
}
.conter-details-shop-div-select-div span{
    display: block;
    float: left;
    width: 96px;
    height: 38px;
    line-height: 38px;

}
.conter-details-shop-div-select-div input{
    border: 1px solid #999;
    font-family: "微软雅黑";
    outline: 0;
    width: 341px;
    height: 38px;
 padding-left: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.conter-details-shop-div-select-div-1{
    width: 140px;
    padding: 0 10px;
    height: 38px;
    border: 1px solid #999;
    position: relative;
    /*box-shadow: 0 0 5px #999;*/
    background: #fff url("../../images/images/a2.jpg") no-repeat right center;
    cursor:pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.conter-details-shop-div-select-div-up a{
    display: inline-block;
    width:242px ;
    height: 26px;
    text-align: center;
    background: red;
    color: #fff;
    line-height: 26px;
    font-family: "微软雅黑";
    font-size: 0.8em;
    cursor: pointer;
    margin-left: 152px;
    margin-top: 35px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.conter-details-shop-div-select-div-1 input{
    font-family: "微软雅黑";
    width: 100%;
    height: 38px;
    line-height: 38px;
    display: block;
    line-height: 38px \9;
    border: 0;
    outline: 0;
    background: none;
    cursor:pointer;
    margin-left: 5px;
    padding-left: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
}
.conter-details-shop-div-select-div-1 ul{
    width: 100%;
    display: none;
    position: relative;


    overflow: hidden;
    background-color: #fff;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #999;
/*    border-top: 0;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  /*  box-shadow: 0 3px 5px #999;*/
    z-index:9;
}
.conter-details-shop-div-select-div-1 ul li{
    text-align: center;
    height: 30px;

}
.conter-experience-body-stores-shop-change{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: right;
    margin-top: 280px;
    font-family: "微软雅黑";
    color: #333;
}
.conter-guide-glasses{
    width: 100%;
    border: 1px solid #f4f4f4;
    background: #f4f4f4;
}
/*眼镜材质*/
.conter-guide-glasses-ul{
    width: 90%;
    min-width: 1276px;
}
.conter-guide-glasses-ul li{
    width: 90%;
    /*   max-width: 1400px;*/
    height: 230px;
    /*    border: 1px solid blue;*/
    background: #fff;
    /* margin-left: 4.5%;*/
    margin-left: 100px;
    margin-top: 30px;
}
.conter-guide-glasses-texture-p img{
    vertical-align: middle;
    margin: 14px 23px 0px 30px;
}
.conter-guide-glasses-texture-p b{
    vertical-align: middle;
    line-height: 83px;
}
.conter-guide-glasses-texture-p-1{
    margin-bottom: 16px;
    margin-left:126px;
    font-size: 0.8em;
    font-family: "微软雅黑";
    color: #999;
}
.conter-guide-glasses-texture-ul{
    margin-left: 152px;

}
.conter-guide-glasses-texture-ul li{
    width: 17%;
    height: 193px;
    /*border: 1px solid red;*/
    float: left;
    margin-left: 5%;
    margin-right: 40px;

}
.conter-guide-glasses-texture-ul li img{

}
.conter-color-change-img{
    margin-top: 100px;
    margin-left: 110px;
}
.conter-color-change-img-2 img{
    /*margin-left: 100px;*/
}
/******************************/
.guide-images-h5-page-1{
    text-align: center;
    background: #fff;
}
.guide-images-h5-page-2{


    text-align: center;
    background: #62a3f5;
}
.guide-images-h5-page-3{
    text-align: center;
    background: #ecb743;
}
.guide-images-h5-page-4{
    text-align: center;
    background: #65cff6;
}
.guide-images-h5-page-5{
    text-align: center;
    background: #96f3e1;
}
.guide-images-h5-page-6{
    text-align: center;
    background: #62a3f5;
}
.guide-images-h5-page-7{
    text-align: center;
    background: #8dead8;
}
.guide-images-h5-page-8{
    border: 1px solid red;
    /* min-width: 1100px;*/
    height: 683px;
    width: 100%;
    min-width: 920px;
      background:url("")no-repeat;
}
.guide-images-h5-page-1{
    text-align: center;
    background: #fff;
}
.guide-images-h5-page-2{


    text-align: center;
    background: #62a3f5;
}
.guide-images-h5-page-3{
    text-align: center;
    background: #ecb743;
}
.guide-images-h5-page-4{
    text-align: center;
    background: #65cff6;
}
.guide-images-h5-page-5{
    text-align: center;
    background: #96f3e1;
}
.guide-images-h5-page-6{
    text-align: center;
    background: #62a3f5;
}
.guide-images-h5-page-7{
    text-align: center;
    background: #8dead8;
}
.guide-images-h5-page-8{
    text-align: center;
  /* border: 1px solid red;*/
   /* min-width: 1100px;*/
   height: 683px;
    width: 100%;
   /* min-width: 1220px;*/
 /*   background: #000;*/
     background:url("../images/images/wall.png")no-repeat;
}
/*.guide-images-h5-page-8*/
.guide-images-h5-page-8 p  a{
    color: #fff;
}
.guide-images-h5-page-8 p{
    font-family: "微软雅黑";
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    line-height: 72px;
    font-size: 2em;
   width: 228px;
    height: 72px;
    color: #fff;
    border: 1px solid #fff;
    /*z-index: 100;*/
    position: relative;
   top:-120px;
  /*opacity: 0.3;*/
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.8s;
    -webkit-transition-timing-function: ease;
    -o-transition-property: background-color;
    -o-transition-duration: 0.8s;
    -o-transition-timing-function: ease;
    transition-property: background-color;
    transition-duration: 0.8s;
    transition-timing-function: ease;
}
.guide-images-h5-page-8 p:hover{
    background-color: red;
    color: #fff;
    border: 1px solid red;
}
/**************************************配镜指南副本开始***********************************/
.new-images{
    width: 100%;
    min-width: 1328px;
   /* height: 400px;*/
    overflow: hidden;
}
.new-images-1{
 width: 100%;
    position: relative;


}
.new-images-2{
    width: 100%;
    position: relative;
}
.new-images-1:hover{

    opacity: 0.6;
    transition: 0.2s;
}
.new-images-2:hover{
    opacity: 0.6;
    background: #000;
    transition: 0.2s;
}
#div-song-1{
    width: 253px;
    height: 525px;
 /*   border: 1px solid red;*/
    z-index: 2;
  /*  position: absolute;*/
    position: absolute;
    top:553px;
    left: 66%;
    background: #fff;
    background: url("../../images/images/float-1.jpg");
}
#div-song-2{
    width: 253px;
    height: 525px;
    /*   border: 1px solid red;*/
    z-index: 5;
    /*  position: absolute;*/
    position: absolute;
    top:1390px;
    left: 20%;
    background: #fff;
    background: url("../../images/images/float-2.jpg");
}
.div-song-3{
    width: 253px;
    height: 525px;
    /*   border: 1px solid red;*/
    z-index: 5;
    /*  position: absolute;*/
    position: absolute;
    top:400px;
    left: 20%;
    background: #fff;
/*    background: url("../new-images/float-3.jpg");*/
}
.brand a{
    display: block;
   float: left;
    width: 200px;
    height: 402px;
 margin-left:40% ;
    text-align: center;
    position: relative;
}
.brand img{
   width: 100%;
  /*  margin-left: 17%;*/
    height: 402px;
}
.brand .info{
    display: none;
    background-color: #f0f0f0;
    color: #369242;
}
.vertical .info{
    width: 0;
    height: 400px;
    margin: 0 auto;
}
.horizontal img{
    position: absolute;
    top: 0;
    left: 0;
}
.horizontal .info{
    width: 400px;
    height: 0;
    top: 120px;
    position: absolute;
/*    left: 50px;*/

}

#cc{
    float: left;width: 66.45%
}
#cc:hover{

    opacity: 0.6;
}
.p-1{
    float: left;width: 33.55%;
}
.p-1-img:hover{  opacity: 0.6;  }
#q{
    width: 253px;
    height: 525px;
    position: absolute;top:0px;left: 100%;display: none;
    background: url("../../images/images/float-2.jpg")no-repeat;
}
/**************************************配镜指南副本结束***********************************/
/*************************************品牌介绍开始*******************************/
.made-body{
    padding: 36px 86px 36px 86px;
}
.made-body-div{
    width: 895px;
    height: 98px;
    line-height: 98px;
    border-bottom:1px solid #000;
    border-top: 1px solid #000;
    margin-bottom: 13px;
}
.made-body-div h1{
    font-family: '微软雅黑';
    font-size: 46px;
    font-weight: 500;
}
.made-body-div-1{
    width: 915px;
}
.made-body-div-1 p{
    margin-top: 17px;
    font-family: '微软雅黑';
    font-size: 20px;
    color: #000;
}
.made-body-image{
    margin-top: 30px;
    margin-bottom: 10px;
    width: 915px;
    height: 60px;
    line-height: 60px;
   /* border: 1px solid red;*/
}
.made-body-image-ul li{
    float: left;
    width: 160px;
    line-height: 60px;
    margin-right: 20px;
}
.made-body-image-ul li span{
    font-family: '微软雅黑';
    font-size: 20px;
    color: #000;
    font-weight: 700;
}
.made-body-image-ul li img{
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -10px;
}

.made-body-hr{
    width: 1200px;
    height: 7px;
    background-color: #000;
    margin-bottom: 50px;
}
/*云验光*/
.made-body-optometry,.made-body-glass{
    width: 1050px;
}
.made-body-optometry-1{
    width: 80px;
    float: left;
}
.made-body-optometry-1 p{
    margin-left: -5px;
    margin-right: 20px;
    text-align: center;
    width: 70px;
    font-family: '微软雅黑';
    font-size: 20px;
    color: #000;
    font-weight: 700;
}
.made-body-optometry-text{
    float: left;
    margin: 0 0 90px 30px;
    width: 620px;
}
.made-body-optometry-text p{
    margin-top: 12px;
    font-family: '微软雅黑';
    font-size: 20px;
    color: #000;
}
.made-body-optometry-img{
    float: left;
    margin-left: 47px;
}
/*照片*/
.made-body-photo{
    width: 1010px;
    height: 650px;

}
.made-body-photo-2{

    text-align: center;
    width: 647px;
    height: 303px;
}
.made-body-photo-3{
 width: 296px;
    height: 296px;
    text-align: center;
}
.made-body-photo-4{
    width: 226px;
    height: 226px;
    text-align: center;
}
.made-body-photo-li-2{
    width: 303px;
    height: 303px;
    border: 8px solid #0fc;
    position: relative;
    margin-left: 20px;
    margin-bottom: 16px;

}
.made-body-photo-li-3{
    width: 226px;
    height: 226px;
    border: 8px solid #0fc;
    position: relative;
    margin-left: 10px;
    margin-bottom: 16px;

}
.made-body-photo-li{
    width: 646px;
    height: 303px;
    /*border-width:8px;*/
    border:#d22867 solid 8px;
    position: relative;
    margin-bottom: 16px;
}
/*图片div*/
.made-body-photo-2-1{
/*    text-align: center;*/
    height: 303px;
    display: none;
    z-index: 10;
    overflow: hidden;
    position: absolute;
    top: 0px;
    transition:width 0.05s;
    -moz-transition:width 0.05s; /* Firefox 4 */
    -webkit-transition:width 0.05s; /* Safari and Chrome */
    -o-transition:width 0.05s; /* Opera */
}

.made-body-photo-2-1 span{
    font-family: "微软雅黑";
    font-size: 24px;

    color: #fff;
}
.made-body-photo-2-1 p{
    font-family: "微软雅黑";
    font-size: 18px;

    color: #fff;
}
.made-body-photo-2-1 h3{

    font-family: "微软雅黑";
    font-size: 24px;

text-align: center;
    color: #fff;
}
/*************************************品牌介绍结束*******************************/
/*************************************线下体验店开始*******************************/
#ds{
    position: relative;
    overflow: hidden;
}
.ds-div{

    margin-left: auto;
    margin-right: auto;
}
.ds-div-1{
    float: left;
    width: 100%;
    min-height: 1px;
}
.ds-div-1-1{
    width: 990px;
}
.ds-div-1-line{
    zoom: 1;
    position: relative;
}
.line-experience{
    position: relative;
    zoom: 1;



}
.line-experience-div{
    width: 100%;
    height: 1011px;
text-align: center;
    position: absolute;
    z-index: 300;
    /*opacity: 0.6;*/
    background-color: #f1f1f1;
    background-attachment: scroll;
}
.line-experience-1{

    width: 990px;
    height: 1011px;
position: absolute;
    border: 1px solid red;
    background-color: #333;
    z-index: 200;
    overflow: hidden;
   /* margin-left: 20%;*/
}
.line-experience-div-2,.line-experience-div-3{
    width: 100%;
    height: 1346px;
    text-align: center;
    /*border: 1px solid red;*/
  position: relative;
    z-index: 310;
    opacity: 0.85;
  /*  margin-top: 500px;*/

    background-attachment: scroll;
    background-color: #fff;
}
.line-experience-div-3{
    margin-top: 0;
    position: relative;
    top: 510px;
}
.line-experience-div-2-top{
    width: 100%;
    height: 130px;
  /*  border: 1px solid red;*/
    line-height: 130px;
    text-align: center;
}
.line-experience-div-2-top-title{
    float: left;
    width: 200px;
    height: 130px;
    margin-left: 40%;
    text-align: right;
    line-height: 130px;
    font-family: '微软雅黑';
    color: #000;
    font-size: 26px;
    font-weight: 500;
}
.line-experience-div-2-top-move{
    float: left;
    width: 400px;
    height: 30px;
    text-align: right;
    line-height: 30px;
    font-family: '微软雅黑';
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-top: 65px;

}
.line-experience-div-2-1{
text-align: center;
    width: 1225px;
}
.line-experience-div-2-ul{
    text-align: center;
}
.line-experience-div-2-ul li{

    width: 400px;
    height: 400px;
    border: 1px solid #fff;
    float: left;
}
.line-experience-div-2-ul li:hover{
    border: 1px solid #dcdcdc;
}
.line-experience-div-2-div{

    width: 400px;
    height: 400px;

    background-color: #fff;
}
.line-experience-div-2-ul li img{
    width: 90%;
}
.line-experience-div-2-name h3{
    width: 300px;
    font-family: '微软雅黑';
    font-size: 26px;
    color: red;
    text-align: left;
    margin-top: 15px;
}

.line-experience-div-2-name p{
    width: 300px;
    height: 55px;

    text-align: left;
    font-family: '微软雅黑';
    font-size: 20px;
    margin-top: 15px;
}
/*************************************线下体验结束*******************************/

/**********************预约页面****************************************/
.add{
    margin-left: 10%;
    margin-top: 12px;
    width: 20%;
    height: 759px;
    border: 1px solid #ffffff;
    float: left;

}
.add p{
    text-align: center;
    width: 80%;
    font-family: '微软雅黑';
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
.add dl{
    width: 80%;
    border-top: 1px solid #888;
    line-height: 27px;
    overflow: hidden;
    display: block;
    color: #7D8488;
}
.add dt{
    float: left;
    width: 50px;
    text-align: center;
}
.add dd{
    padding-left: 10px;
    float: left;
    width: 70%;
    border-left: 1px solid #888;
}
.add dd b{
    cursor: pointer;
    width: 200px;
    overflow: hidden;
    display: block;
    margin-left: 10px;
    color: #7D8488;
    line-height: 30px;
    position: relative;
    z-index: 0;
    font-weight: normal;
}
#allmap{
    margin-top: 12px;
    width: 60%;
    height: 439px;
  /*  border: 1px solid blue;*/
    float: left;
}
.allmap-add{
    text-align: left;
    float: left;
    width: 31%;
    height: 349px;
    padding-top: 10px;
    padding-right: 5px;
   /* border: 1px solid green;*/
}
.allmap-add p{
    font-family: '微软雅黑';
    font-size: 16px;
    color: #666;
    height: 60px;

}
.allmap-add p>a{
    color: #666;
}
.city-map-image-img{
    vertical-align: middle;
    margin-left: 30px;
    cursor: pointer;
}
.map-window{
    margin-left: 1%;
    width: 27%;
    height: 339px;
   /* border: 1px solid red;*/
    float: left;
    padding: 15px 0px 5px 5px;
}
.map-window-p{
    margin-top: 11px;
    margin-bottom: 15px;
}
.city-p-span{
    font-family: '微软雅黑';
    font-size: 18px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}
.city-select{
    outline:none;
    display: inline-block;
    font-family: '微软雅黑';
    font-size: 16px;
    width: 23.2%;
    height: 25px;
    line-height: 25px;
}
.city-select-1{
    outline:none;
    font-family: '微软雅黑';
    font-size: 16px;
    width: 73.7%;
}
#city-input,.city-input{
    font-family: '微软雅黑';
    font-size: 16px;
    outline:none;
    width: 72.6%;
}
.map-window-p-1{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.map-window-p-1 button{
    font-family: '微软雅黑';
 cursor: pointer;
    color: #fff;
    font-size: 16px;
    border: 1px solid #e0061e;
    outline: none;
    background-color: #e0061e;
    width: 186px;
     height: 40px;
    line-height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/****************************语音智能控制*******************************/
.btns{
    float: left;
    width: 320px;
    height: 25px;
    text-align: right;
    position: absolute;
    z-index: 999;
    top:60px;
}
#jia,#jian{
    width: 50px;
    height: 25px;

}
.music-img{
  text-align: center;
    width: 100%;
  height: 650px;
}
.btn-b{
    border: 1px solid #f80;
    background-color: #f80;
    color: #fff;
    width: 50px;
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}

/*********************悬浮QQ***************************/
.fixed_box { width:154px; position:absolute; z-index:9999; top:220px; overflow:hidden;}
a{ color:#737373;text-decoration:none;}
a:hover { text-decoration:none; color:#f30;}
hr{border:5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}


.content_box { width:154px; /*background:#fff;*/ position:absolute; z-index:2; top:0; right:0; }
.content_title, .content_bottom, .close_btn a, .show_btn { background:url(../images/service/sidebar_bg.gif) no-repeat; }
.content_title { height:46px; background-position:-1165px 0; }
.content_title span { display:none; }
.content_list { font-family:Arial, Helvetica, sans-serif; padding:5px 5px; font-size:12px; background:url(../images/service/gray_line.gif) repeat-y center; text-align:center;}
.content_bottom { height:8px; overflow:hidden; background-position:-1165px -50px;}

.close_btn { position:absolute; right:10px; top:15px; }
.close_btn, .close_btn a { display:block; width:18px; height:20px; overflow:hidden; cursor:pointer; background-position:-44px -90px;}
.close_btn a:hover { background-position:-23px -114px;}
.close_btn a span { display:none;}

.show_btn { display:none; width:28px; height:112px; background-position:-231px 0 ;position:absolute; top:0; z-index:1; cursor:pointer;}
.show_btn span { display:none;}

.content_list .qqserver p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.content_list .qqserver p span { margin-right:5px;}
.content_list .qqserver p img {display: inline; margin-top:-5px; vertical-align:middle;}
.content_list .phoneserver  { font-size:14px; text-align:center;}
.content_list .phoneserver h5 { font-family:"Microsoft Yahei"; font-weight:bold; color:#666; font-size:15px;}
.content_list .phoneserver p { padding:2px 0; _height:16px; margin:0;color: #666666;}
.content_list .msgserver { text-align:center; margin-bottom:5px;}
.content_list .msgserver a { background:url(../images/service/sidebar_bg.gif) no-repeat -119px -116px; padding-left:20px;}
.content_list hr { border-bottom:1px solid #E6E6E6; height:1px; margin:10px 0; clear:both;}
.QQ-span{
    display: inline-block;
    width: 35px;
    height: 14px;
    text-align: left;
}


/*遮罩层*/
/*遮罩层*/
.box{ float:left; position:relative;   z-index:4;  opacity:1; }
.box2 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    z-index: 5;
    position: fixed;
    background: rgba(0, 0, 0, 0.82) none repeat scroll 0% 0%;
    opacity:1;
}
/**********************更新版开始**************************/
.music-login{
    width: 90%;

}
.music-login-p{
    font-family: "微软雅黑";
    font-size: 22px;
    color: #fe9820;
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    margin-top: 22px;
    margin-bottom: 12px;
}
.music-login-say{
    width: 60%;
    font-family: "微软雅黑";
    margin-left:300px;
    height: 100px;
    text-align: left
}
.music-login-help{
    text-align: center;
    width: 80%;height:360px;
    margin-left: 180px;
    margin-bottom: 88px;
}
.music-login-help-ul li{
    width: 213px;
    height: 360px;
    float: left;
    margin-left:60px;
}
.music-login-help-p{
    width: 213px;
    height: 45px;
    line-height: 45px;
    margin-top: 10px ;
    background-color:#f80 ;
   ;cursor: pointer;
}
.music-login-help-num{
    display: inline-block ;
    width: 23px;
    height: 23px;
    font-family: '微软雅黑';
    text-align: center;
    line-height: 23px;
    background-color: #fff;
    color: #f80;
}
.music-login-help-greet{
    color: #999;
    font-size: 14px;
    font-family: '微软雅黑';
}
.music-login-help-height{
    margin-top: 30px;
    margin-bottom: 15px;
    font-family: '微软雅黑';
}
.music-login-help-b{
    color: #fff;
}
/**************红绿表*******************/
.music-red-blue{
    position: relative;
}
.music-btn{
    position: absolute;
    width: 300px;
    height: 23px;
  /*  border: 1px solid red;*/
    top:20px;
    left: 9%;
}
.music-btn-ul{}
.music-btn-ul li{
    font-family: '微软雅黑';
    color: #fff;
    text-align: center;
    float: left;
    width: 23px;
    height: 23px;
    background-color: #ccc;
    margin-left: 20px;
    margin-right: 10px;
}
.music-btn-ul li img{

}
/**********************遮罩层******************/
.music-three-box2{
    margin-top: 90px;
    width: 347px;
    height: 251px;
    margin-left: 380px;
    float: left;
}
.music-three-box2 img{
    width: 347px;
    height: 251px;
}
.music-login-know{
    text-align: center;
    margin-top: 200px;
    margin-left: 40px;
    float: left;
    width: 103px;
    height: 30px;
    line-height: 30px;
    font-family: "微软雅黑";
    background-color: #ff8800;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.music-login-know-1{
    margin-top: 80px;
    margin-left: -110px;
    float: left;
    width: 30px;
    height: 69px;
}
.music-login-text-say{
    float: left;
    width: 350px;
    height: 50px;
    margin-top: 155px;
    margin-left: -105px;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}
/**********左侧图片按钮*****************/
.btn-left-img-l{
    cursor: pointer;
    width:79px;
    height: 118px;
    background: url('../image/left.png')no-repeat;
   /* position: relative;
    top:290px;
    left: 150px;*/
}
.music-left-div-l{
    width: 96px;
    height: 84px;
    /*border: 1px solid red;*/
    position: relative;
    top:310px;
    left: 150px;

}
.music-left-div-r{
    width: 96px;
    height: 84px;
   /* border: 1px solid red;*/
    position: relative;
    top:310px;
    left: -100px;
}
.btn-left-img-r{
    cursor: pointer;
    width:79px;
    height: 118px;
    background: url('../image/right.png')no-repeat;
}
/**********************更新版结束**************************/