ul{list-style:none;}
body{ margin:0 auto; width:100%;margin:0 auto;background-color:#fff;font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; } 
ul{list-style-type:none; padding:0; margin:0;}
li{list-style-type:none; padding:0; margin:0;}
img{border:0px;}
ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0; font-weight:normal; }
/*--首页--*/
.top{
width:100%;
height:121px;
border-bottom:1px #EDEDED solid;

}
.bottom-left{
height:50px;
position:absolute; 
top:50px; 

left:25px;
margin:auto;
}
.top-left{
height:50px;
position:absolute; 
top:0; 
bottom:0; 
left:25px;
margin:auto;
}
.top-center{
display:block;
position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0;
margin:auto;
}
.top-right{
height:50px;
position:absolute; 
top:0; 
bottom:0; 
right:25px;
margin:auto;
}
.ban{
background:url(/app/images/ban-1.jpg)no-repeat center;
width:100%;
height:350px;
padding-top:30px;
}
.ban2{
background:url(/app/images/ban-1.jpg)no-repeat center;
width:100%;
height:150px;
padding-top:30px;
}
.ban img{
margin:105px auto 0;
display:block;
}
.anniu-1{
width:215px;
height:58px;
background-color:#07d3ff;
margin:0 auto;
}
.anniu-1 a{
width:215px;
height:58px;
display:block;
color:#fff;
line-height:58px;
}
.anniu-1 a:hover{
background-color:#06bfe7;
}
.xuan{
width:100%;
height:201px;
background:url(/app/images/dian-2.png)no-repeat center;
}
.xuan li{
width:150px;
float:left;
margin:10px 15px 0 ;
}
.xuan a{
line-height:25px;
color:#333;
}
.biaotou-1{
width:100%;
height:150px;
background:url(/app/images/ban-2.jpg)no-repeat center;
padding:10px 0 0 280px;
margin-top:20px;
}
.bou-1{
margin:0;
}
.bou-2{
margin:-8px 0 12px;
}
.bou-2 a{
border:1px #fff solid;
padding:0 10px 5px;
color:#fff;
}
.bou-3{
width:79px;
height:9px;
background-color:#f5e4b2;
}
.chanpin-1{
width:682px;

margin:15px 0 20px 13px;
}
.chanpin-1 li{
float:left;
margin:0 0 12px 12px;
}
.chanpin-1 img:hover{
border:2px #07d3ff solid;
margin:-2px;

}

.biaotou-2{
width:100%;
height:150px;
background:url(/app/images/ban-3.jpg)no-repeat center;
padding:10px 0 0 80px;
margin-top:20px;
}
.bou-1{
margin:0;
}
.bou-2{
margin:-8px 0 12px;
}
.bou-2 a{
border:1px #fff solid;
padding:0 10px 5px;
color:#fff;
}
.bou-3{
width:79px;
height:9px;
background-color:#f5e4b2;
}

.lanmu{
width:100%;
height:109px;
border-top:1px #EDEDED solid;
background-color:#fff;
z-index:9
}
.lanmu li{
width:90px;
height:85px;
float:left;
margin:10px 45px 0;
text-align:center;
}

.lan-6 a{
width:99px;
height:85px;
background:url(/images/exit3.png)no-repeat center top;
display:block;
padding-top:45px;
margin-top:5px;
}
.lan-6 a:hover{
background:url(/images/exit3.png)no-repeat center top;
color:#07d3ff;
}

.lan-7 a{
width:99px;
height:85px;
background:url(/images/reset.png)no-repeat center top;
display:block;
padding-top:45px;
margin-top:5px;
}
.lan-7 a:hover{
background:url(/images/reset.png)no-repeat center top;
color:#07d3ff;
}

.lan-8 a{
width:99px;
height:85px;
background:url(/images/done.png)no-repeat center top;
display:block;
padding-top:45px;
margin-top:5px;
}
.lan-8 a:hover{
background:url(/images/done.png)no-repeat center top;
color:#07d3ff;
}
.lan-9 a{
width:99px;
height:85px;
background:url(/images/checklist2.jpg)no-repeat center top;
display:block;
padding-top:45px;
margin-top:5px;
}
.lan-9 a:hover{
background:url(/images/checklist2.jpg)no-repeat center top;
color:#07d3ff;
}

.lan-1 a{
width:99px;
height:85px;
background:url(/app/images/pot-1.png)no-repeat center top;
display:block;
padding-top:45px;
margin-top:5px;
}
.lan-1 a:hover{
background:url(/app/images/pot-5.png)no-repeat center top;
color:#07d3ff;
}
.lan-2 a{
width:99px;
height:85px;
background:url(/app/images/pot-2.png)no-repeat center top;
display:block;
padding-top:45px;
margin-top:5px;
}
.lan-2 a:hover{
background:url(/app/images/pot-6.png)no-repeat center top;
color:#07d3ff;
}
.lan-3 a{
width:99px;
height:85px;
background:url(/app/images/pot-3.png)no-repeat center top;
display:block;
padding-top:45px;
margin-top:5px;
}
.lan-3 a:hover{
background:url(/app/images/pot-7.png)no-repeat center top;
color:#07d3ff;
}

.lan-4 a{
width:99px;
height:85px;
background:url(/app/images/pot-4.png)no-repeat center top;
display:block;
padding-top:45px;
margin-top:5px;
}

.lan-4 a:hover{
background:url(/app/images/pot-8.png)no-repeat center top;
color:#07d3ff;
}

.lan-5 a{
width:99px;
height:85px;
background:url(/app/images/aboutus.png)no-repeat center top;
display:block;
padding-top:45px;
margin-top:5px;
}
.lan-5 a:hover{
background:url(/app/images/aboutus.png)no-repeat center top;
color:#07d3ff;
}

/*--导航--*/
.nav{
width:501px;
height:1200px;
float:right;
background-color:#1c1c1c;

}
.touxiang{
width:130px;
height:130px;
overflow:hidden;
background-color:#fff;
border:1px #656565 solid;
border-radius:100%;
margin:50px auto 20px;
}
.niu-1{
width:312px;
height:48px;
margin:0 auto;
}
.denglu{
width:130px;
height:44px;
border:1px #fff solid;
border-radius:5px;
text-align:center;
float:left;
}
.zhuce{
width:130px;
height:44px;
border:1px #fff solid;
border-radius:5px;
float:right;
}
.niu-1 a{
width:130px;
height:44px;
display:block;
}
.niu-1 p:hover{
border:1px #07d3ff solid;
}
.niu-1 p:hover a{
color:#07d3ff;
}
.nav-1{
width:100%;
border-top:1px #141414 solid;
}
.nav-1 a{
width:100%;
height:100px;
display:block;
}
.nav-1 li{
width:100%;
height:100px;
border-bottom:1px #141414 solid;
line-height:100px;
}
.nav-1 a:hover{
background-color:#07d3ff;
color:#fff;
}
.banquan{
position:absolute;
bottom:20px;
left:0;
right:0;
margin:auto;
}

/*--导航-2--*/
.esc{
position:absolute;
bottom:70px;
left:0;
right:0;
margin:auto;
}
.esc a{
width:386px;
height:63px;
background-color:#db3a3a;
border-radius:25px;
display:block;
line-height:63px;
margin:0 auto;
}
.esc a:hover{
background-color:#c62525;
color:#fff;
}

/*--产品列表--*/
.title{
line-height:110px;
}
.ban-cp{
background:url(/app/images/ban-4.jpg)no-repeat center;
width:100%;
height:215px;
padding-top:28px;
}
.ban-cp1{
background-color:rgba(255,255,255,0.4);
width:576px;
height:164px;
margin:0 auto;
padding:30px 50px 0;

}
.cp-zt1{
line-height:40px;
}
.nei-cp{
width:100%;
background-color:#f5f5f5;
padding:15px 0px 0px 0px;
}
.cp-left{
width:327px;
border:1px #E7E7E7 solid;
border-radius:10px;
background-color:#fff;
overflow:hidden;
float:left;
margin-bottom:15px;
 margin-left:20px;
}
.cp-left:hover{
border:1px #07d3ff solid;
}
.cp-right:hover{
border:1px #07d3ff solid;
}
.nei-cp2{
width:100%;
height:330px;
overflow:hidden;
margin:0 auto;
background-color:#EAEAEA;
position:relative;
}
.nei-cp2 img{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.nei-cp3{
width:327px;
height:139px;
margin:0 auto;
padding:5px 15px 0;
}
.cp-zt3{
line-height:28px;
}

.cp-right{
float:right;
width:327px;
height:447px;
border:1px #E7E7E7 solid;
border-radius:10px;
background-color:#fff;
overflow:hidden;
margin-bottom:15px;
}



/*--公司简介--*/
.subnav{
width:100%;
height:66px;
background-color:#666;
padding:0 10px;
position:relative;
}
.subnav li{
float:left;
line-height:66px;
height:66px;
}
.sub-1 a{
margin:0 25px;

}
.sub-1 a:hover{
color:#07d3ff;
background:url(/app/images/jiantou-3.png)no-repeat center bottom;
display:block;
}
.sub-2{
width:63px;
height:66px;
background-color:#d8d7d7;
text-align:center;
position:absolute;
right:0;
top:0;
}
.sub-2 a{
width:63px;
height:66px;
display:block;

}
.sub-2:hover{
background-color:#c1c0c0;
}
.about{
width:100%;
padding:30px 25px 20px;
}
.a-xian1{
width:63px;
height:5px;
background-color:#07d3ff;
margin:0 auto;
}
.a-xian2{
width:670px;
height:1px;
background-color:#ccc;
margin:20px auto 20px;
}
.a-wenzi{
line-height:40px;
}



/*--upload--*/
.up-anniu button{
width:335px;
height:72px;
background-color:#07d3ff;
border:none;
border-radius:5px;
}


/*--设计宝石-步骤1--*/
.design-nav{
width:100%;
height:123px;
border-bottom:1px #EDEDED solid;
padding:3px 25px 0;
position:relative;
}
.design-nav li{
float:left;

}
.ds-1{
width:116px;
height:116px;

border:1px #a9a8a8 solid;
overflow:hidden;
margin:5px 5px 5px 5px;
border-radius: 16px;
top:5px;
/*
border:1px #EEEEEE solid;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
*/
}
.ds-11{
width:116px;
height:116px;

overflow:hidden;
margin:5px 5px 5px 5px;

-webkit-filter: drop-shadow(5px 5px 5px #222);
filter: drop-shadow(5px 5px 5px #222);
}
.ds-1:hover{
border:2px #07d3ff solid;

}
.ds-2{
width:63px;
height:123px;
background-color:#d8d7d7;
line-height:123px;
position:absolute;
right:0;
top:0;

}
.ds-2:hover{
background-color:#cacaca;
}
.ds-zhutu{
width:100%;
height:auto;
border-bottom:1px #EEEEEE solid;
background-color:#fff;
position:relative;
overflow:hidden;
}
.ds-tubiao{
width:60px;
height:193px;
position:absolute;
left:29px;
top:12px;
}
.ds-tubiao li{
width:57px;
height:57px;
background-color:rgba(153,153,153,0.5);
border-radius:7px;
margin-bottom:10px;
line-height:57px;
}
.ds-tubiao li:hover{
background-color:rgba(24,159,189,0.5);
}
.ds-slt{
width:680px;
height:85px;
margin:10px auto 0;
}
.ds-slt li{
float:left;
line-height:85px;
}
.slt-1{
width:83px;
height:83px;
border:1px #EEE solid;
overflow:hidden;
}
.slt-2{
margin:0 5px;
}
.slt-1:hover{
border:1px #07d3ff solid;
}
.price{
width:100%;
height:90px;
background-color:#313131;
padding-left:25px;
line-height:90px;
position: fixed;
bottom: 109px;
z-index:9
}
.pri-1{
float:left;
height:90px;
}
.pri-2{
width:142px;
height:90px;
background-color:#3ccab4;
float:right;
text-align:center;
}
.pri-2 a{
width:142px;
height:90px;
display:block;
}
.pri-2 a:hover{
background-color:#2EB7A5;
color:#fff;
}
.pri-3{
width:142px;
height:90px;
background-color:#189fbd;
float:right;
text-align:center;
}
.pri-3 a{
width:142px;
height:90px;
display:block;
}
.pri-3 a:hover{
background-color:#1290AD;
color:#fff;
}


/*--设计宝石-步骤1-信息提示--*/
.view{
width:554px;
height:680px;
background-color:rgba(0,0,0,0.7);
border-radius:10px;
padding:20px;
position:absolute;
top:257px;
left:90px;
}
.vi-img{
float:right;
width:32px;
height:32px;
border:1px #fff solid;
border-radius:100%;
}
.vi-img:hover{
background-color:#DB3A3A;
border-radius:100%;
border:none;
}
.vi-gun{
width:500px;
height:440px;
margin:0 auto;
overflow-y:scroll;
padding:0 25px;
}
::-webkit-scrollbar {
		  width:22px;
	}
::-webkit-scrollbar-track {
		  background-color: #5a5a5a;
		  border-radius:40px;
	} 
::-webkit-scrollbar-thumb {
		  background-color:#E1E1E1; 
		  border-radius:40px;
	}	
	
/*--设计宝石-步骤1-参数--*/	

.vi-can{
width:500px;
height:520px;
margin:0 auto;
overflow-y:scroll;
padding:0 35px 0 10px;
}
.can-zong{
width:455px;

background-color:rgba(255,255,255,0.75);
border-radius:10px;
}	
.can-zong li{
width:410px;
height:40px;
border-bottom:1px #999 solid;
margin:0 auto;
line-height:40px;
}
.can-t1{
width:410px;
margin:0 auto;
text-align:left;
}
.can-left{
float:left;
}	
.can-right{
float:right;
}		
.can-ge{
width:455px;
}	
.can-ge li{
width:455px;
height:40px;
border-bottom:1px #fff solid;
margin:0 auto;
line-height:40px;
}
.can-t2{
width:455px;
height:44px;
margin:0 auto;
border-bottom:1px #fff solid;
overflow:hidden;
}	
.can-t3{
height:70px;
padding:0 20px;
background-color:#fff;
border-radius:10px;
float:left;
line-height:44px;
}
	
/*--设计宝石-未选步骤--*/	
.pri-4{
width:142px;
height:90px;
background-color:#999;
float:right;
text-align:center;
}
.pri-4 a{
width:142px;
height:90px;
display:block;
color:#fff;
}
.pri-5{
width:142px;
height:90px;
background-color:#999;
float:right;
text-align:center;
}
.pri-5 a{
width:142px;
height:90px;
display:block;
color:#fff;
}
/*--设计宝石-步骤2--*/	
.buzhou2{
width:660px;
position:relative;
bottom:20px;
left:0;
right:0;
margin:auto;
}
.buzhou2-1{
margin:0 40px;
height:35px;
line-height:50px;
}
.buzhou2-1 input{
width:29px;
height:29px;
vertical-align:text-bottom;
margin-bottom:1px;
}


/*--设计宝石-设计完成--*/	
.ds-fin{
width:100%;
border-bottom:1px #EEEEEE solid;
background-color:#eaeaea;
position:relative;
overflow:hidden;
}
.fin-wen{
width:530px;
position:absolute;
top:10px;
left:0;
right:0;
margin:auto;
}
.fin-tu{
margin:0 auto;
}
.fin-fushu{
width:100%;

border-top:1px #eeeeee solid;
}
.fin-f1{
height:108px;
width:670px;
border-bottom:1px #999 dashed;
margin:0 auto;
}

.fin-f2{
float:left;
line-height:108px;
margin-right:25px;
}
.fin-f3{
width:68px;
height:68px;
border-radius:100%;
overflow:hidden;
float:left;
margin-top:20px;
}
.fin-f4{
width:300px;
float:left;
margin:15px 0 0 10px;
}
.fin-f5{
width:116px;
height:48px;
float:right;
padding:0;
background-color:#30a9c4;
border:none;
border-radius:5px;
margin-top:30px;
}
.fin-f6{
height:78px;
position:relative;
width:670px;
border-bottom:1px #999 dashed;
margin:0 auto;
}
.fin-f7{
float:left;
line-height:78px;
}

.fin-f8{
width:390px;
height:36px;
float:left;
position:absolute;
top:0;
bottom:0;
left:160px;
margin:auto;
}
.fin-f9{
width:116px;
height:48px;
float:right;
padding:0;
background-color:#30a9c4;
border:none;
border-radius:5px;
margin-top:15px;
}
.fin-f10{
height:150px;

width:670px;
border-bottom:1px #999 dashed;
margin:0 auto;
}
.fin-f11{
float:left;
line-height:125px;
}
.fin-f12{
width:116px;
height:48px;
float:right;
padding:0;
background-color:#30a9c4;
border:none;
border-radius:5px;
margin-top:36px;
}
.fin-xing{
width:107px;
height:107px;
border:1px #ccc solid;
border-radius:5px;
position:absolute;
top:0;
bottom:0;
left:37px;
right:0;
margin:auto;
}


/*--登录---*/
.login{
width:100%;
height:1200px;
}
.login-ban{
background:url(/app/images/ban-8.jpg)no-repeat center;
width:100%;
height:308px;
position:relative;
}
.login-quan{
width:100%;
height:101px;
background-color:rgba(0,0,0,0.6);
position:absolute;
bottom:0;
line-height:101px;
}
.login-left{
width:359px;
height:101px;
text-align:center;
float:left;
}
.login-center{
width:1px;
height:37px;
background-color:#fff;
margin:32px auto 0;
float:left;
}
.login-right{
width:360px;
height:101px;
text-align:center;
float:right;
}
.login-left a:hover{
background:url(/app/images/jiantou-5.png)no-repeat center bottom;
display:block;
color:#07D3FF;
}
.login-right a:hover{
background:url(/app/images/jiantou-5.png)no-repeat center bottom;
display:block;
color:#07D3FF;
}

.login-name{
width:100%;
padding:0 25px;
}
.login-name input{
width:676px;
height:83px;
border-bottom:1px #ebebeb solid;
border-left:none;
border-top:none;
border-right:none;
padding-left:20px;
margin:0 auto;
}
.login-z1{
float:right;
}
.login-deng{
width:544px;
height:90px;
margin:0 auto;
}
.login-deng button{
width:544px;
height:90px;
background-color:#30a9c4;
border:none;
border-radius:35px;
}

.lo-checkbox input{
width:33px;
height:33px;
vertical-align: middle; 
margin-right:5px;
}

/*--设计宝石-设计完成-修改--*/	
.fin-x1{
height:110px;
position:relative;
width:670px;
border-bottom:1px #999 dashed;
margin:0 auto;
}
.fin-x2{
float:left;
line-height:110px;
}
.fin-x3{
width:116px;
height:48px;
float:right;
padding:0;
background-color:#30a9c4;
border:none;
border-radius:5px;
margin-top:30px;
}
.fin-xiu1{
width:370px;
height:80px;
position:absolute;
top:0;
bottom:0;
left:35px;
right:0;
margin:auto;
}
/*
.fin-xiu1 input{
-webkit-appearance: none;
margin-top: 2px;
background-color: #d5d5d5;
border-radius: 15px;
width:370px;
height:12px;
}
*/



.fin-xiu1 input::-webkit-slider-thumb {
-webkit-appearance: none;
height: 30px;
width: 30px;
background-color:#30a9c4;
border-radius:100%;
}
.fin-xiu1 output{
height:40px;
}
.fin-xiu2{
height:78px;
float:left;
}
.fin-xiu2 label{
line-height:78px;

}
.fin-xiu2 select{
border:1px #ccc solid;
width:317px;
height:54px;
border-radius:5px;
position:absolute;
top:0;
bottom:0;
left:30px;
right:0;
margin:auto;
padding-left:20px;
}
.fin-xiu3{
width:116px;
height:48px;
float:right;
padding:0;
background-color:#3ccab4;
border:none;
border-radius:5px;
margin-top:15px;
}
.fin-xiu4 input{
width:317px;
height:54px;
border-radius:5px;
position:absolute;
top:0;
bottom:0;
left:30px;
right:0;
margin:auto;
border:1px #ccc solid;
padding-left:20px;
}
.fin-baoshi{
width:490px;
height:117px;

margin:0;
}
.fin-baoshi li{
float:left;
line-height:124px;
}
.fin-bao1{
width:107px;
height:107px;
margin:0 5px;
}
.fin-g{
width:107px;
height:107px;
border:1px #ccc solid;
border-radius:5px;
}
.fin-bao1 a:hover{
display:block;
}
.fin-bao1 a:hover .fin-g{
border:1px #07d3ff solid;
}
.fin-bao2 a:hover{
display:block;
background:url(/app/images/jiantou-12.png)no-repeat center;
width:14px;
height:125px;
}
.fin-bao2 a:hover img{
display:none;
}

/*--me--*/	
.me{
width:100%;
height:970px;
background-color:#f5f5f5;
}
.me-1{
width:100%;
height:183px;
background-color:#fff;
position:relative;

}
.me-1 a{
width:100%;
height:183px;
display:block;
border-bottom:1px #e7e7e7 solid;
}
.me-1 a:hover{
background-color:#f4f4f4;
}
.me-1 img{
width:137px;
height:137px;
border-radius:100%;
border:1px #ccc solid;
position:absolute;
top:0;
bottom:0;
left:25px;
margin:auto;
}
.me-1 p{
line-height:40px;
height:80px;
width:513px;
position:absolute;
top:0;
bottom:0;
right:25px;
margin:auto;
}
.me-2{
width:100%;
height:107px;

background-color:#fff;
position:relative;
}
.me-2 a{
width:100%;
height:107px;
border-bottom:1px #e7e7e7 solid;
display:block;
line-height:107px;
background:url(/app/images/jiantou-7.png)no-repeat center right 30px;
}
.me-2:hover{
background-color:#f4f4f4;
}
.me-2:hover a{
background:url(/app/images/jiantou-8.png)no-repeat center right 30px;
}
.me-2 img{
float:left;
position:absolute;
top:0;
bottom:0;
left:30px;
margin:auto;
}
.me-2 p{
margin-left:100px;
}
.me-xian{
width:100%;
height:1px;
background-color:#e7e7e7;
}
.me-3{
width:100%;
height:107px;

background-color:#fff;
position:relative;
}
.me-3 a{
width:100%;
height:107px;
border-bottom:1px #e7e7e7 solid;
display:block;
line-height:107px;
background:url(/app/images/jiantou-15.png)no-repeat center right 30px;
}
.me-3:hover{
background-color:#f4f4f4;
}
.me-3:hover a{
background:url(/app/images/jiantou-14.png)no-repeat center right 30px;
}
.me-3 img{
float:left;
position:absolute;
top:0;
bottom:0;
left:30px;
margin:auto;
}
.me-3 p{
margin-left:100px;
}
.me-4{
width:100%;
height:107px;

background-color:#fff;
position:relative;
}
.me-4 a{
width:100%;
height:107px;
border-bottom:1px #e7e7e7 solid;
display:block;
line-height:107px;

}
.me-4:hover{
background-color:#D1D1CF;
}
.me-4:hover a{

}
.me-4 img{
float:left;
position:absolute;
top:0;
bottom:0;
left:30px;
margin:auto;
}
.me-4 p{
margin-left:150px;
}
/*--个人信息--*/	
.info{
width:100%;
background-color:#F5F5F5;
border-bottom:1px #e7e7e7 solid;
}
.info-1 a{
width:674px;
height:132px;
margin:0 auto;
border-bottom:1px #e7e7e7 solid;
display:block;
background:url(/app/images/jiantou-9.png)no-repeat center right;
position:relative;
}
.info-1:hover{
background-color:#f4f4f4;
}
.info-1{
width:100%;
background-color:#fff;
}
.info-1 p{
float:left;
line-height:132px;
}
.info-1 img{
border-radius:100%;
border:1px #ececec solid;
position:absolute;
top:0;
bottom:0;
right:70px;
margin:auto;
}

.info-2{
width:100%;
background-color:#fff;
}
.info-2 a{
width:674px;
margin:0 auto;
border-bottom:1px #e7e7e7 solid;
display:block;
pointer-events: none;
cursor: default;
padding:15px 25px 15px 0;
}
.info-3 a{
width:674px;
height:90px;
margin:0 auto;
border-bottom:1px #e7e7e7 solid;
display:block;
background:url(/app/images/jiantou-9.png)no-repeat center right;
position:relative;
}
.info-3:hover{
background-color:#f4f4f4;
}
.info-3{
width:100%;
background-color:#fff;
}
.info-3 p{
line-height:90px;
}
.info-left{
float:left;
}
.info-right{
float:right;
margin-right:70px;
}
.info-4{
width:100%;
background-color:#fff;
}
.info-4 a{
width:674px;
margin:0 auto;
display:block;
padding:15px 25px 15px 0;
background:url(/app/images/jiantou-9.png)no-repeat center right;
}
.info-4:hover{
background-color:#f4f4f4;
}


/*--选择收货地址--*/	
.ad{
width:100%;
background-color:#f5f5f5;
}
.add{
width:100%;
height:281px;
border-bottom:1px #e1e1e1 solid;
background-color:#fff;
padding:0 25px;
}
.add-1{
width:674px;
height:208px;
margin:0 auto;
border-bottom:1px #e1e1e1 solid;
padding-top:26px;
}
.add-z1{
float:left;
}
.add-z2{
float:right;
}
.add-left{
width:215px;
height:73px;
line-height:73px;
float:left;
}
.add-left a:hover{
display:block;
}
.add-left a:hover .add-left1{
background:url(/app/images/gou-1.png)no-repeat center;
width:40px;
height:40px;
border:none;
}
.add-left a:hover .add-z4{
color:#07d3ff;
}
.add-left1{
width:40px;
height:40px;
border:2px #666 solid;
border-radius:100%;
float:left;
margin-top:17px;
}
.add-z4{
float:right;
height:24px;
}
.add-right{
float:right;
width:240px;
height:73px;
}
.add-right1{
float:left;
}
.add-right1 a{
background:url(/app/images/bian-1.png)no-repeat center left;
padding-left:35px;
display:block;
height:30px;
margin-top:20px;
line-height:30px;
}
.add-right1 a:hover{
background:url(/app/images/bian-2.png)no-repeat center left;
padding-left:35px;
color:#07d3ff;
}
.add-right2{
float:right;
}
.add-right2 a{
background:url(/app/images/la-1.png)no-repeat center left;
padding-left:35px;
display:block;
height:30px;
margin-top:20px;
line-height:30px;
}
.add-right2 a:hover{
background:url(/app/images/la-2.png)no-repeat center left;
padding-left:35px;
color:#db3a3a;
}
.or-left input[type="radio"] { 
display: none;

}
.dio +label{
position: relative;
display: inline-block;
z-index: 999;
width: 40px;
height: 40px;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;

}
.dio+label:before{
cursor: pointer;  
 content:"";
 color:#fff; 
 width: 40px;
 height: 40px;
 background: #fff;
 border-radius: 100%;
 display:block;
 border:2px #9fa4b6 solid;
}
.dio:checked+label:before{
content:"";
border:none;
background:url(/app/images/gou-1.png)no-repeat center;
}
.dio-left{
width:40px;
height:73px;
position:relative;
float:left;
margin-right:10px;
}
.add-new{
background-color:#189fbd;
width:100%;
height:81px;
}
.add-new a{
width:100%;
height:81px;
display:block;
}
.add-new a:hover{
background-color:#178faa;
}
.add-new2{
width:340px;
height:81px;
margin:0 auto;
}
.add-new2 img{
float:left;
}
.add-new3{
float:right;
line-height:81px;
}

/*--修改地址--*/	
.add-xiu{
width:100%;
height:90px;
background-color:#fff;
}
.add-xiu1{
width:674px;
height:90px;
border-bottom:1px #e7e7e7 solid;
margin:0 auto;
line-height:90px;
position:relative;
}
.add-xiu1 input{
border:none;
position:absolute;
right:0px;
top:0;
bottom:0;
margin:auto;
width:60%;
}
.add-xiu2{
width:100%;
background-color:#fff;
}
.add-xiu3{
width:674px;
margin:0 auto;
padding:15px 25px 15px 0;
}
.add-xiu3 textarea{
width:674px;
height:143px;
resize: none;
padding:10px 15px 0;
}
.add-an{
width:600px;
height:81px;
margin:0 auto;
}
.add-an-l{
float:left;
}
.add-an-r{
float:right;
}
.add-an button{
width:275px;
height:81px;
background-color:#189fbd;
border-radius:10px;
border:none;
}
.add-an-l button{
background-color:#189fbd;
}
.add-an-r button{
background-color:#3ccab4;
}


/*--我的订单--*/	
.pro{
width:100%;
background-color:#f5f5f5;
}
.pro-1{
width:100%;
background-color:#fff;
}
.pro-1 a{
width:100%;
height:262px;
display:block;
padding:7px 25px;
border-bottom:1px #e7e7e7 solid;
position:relative;
}
.pro-1 a:hover{
background-color:#f4f4f4;
}
.pro-img{
float:left;
margin-left:15px;
border:1px #EFEFEF solid;
}
.pro-img2{
position:absolute;
right:30px;
top:0;
bottom:0;
margin:auto;
}
.pro-2{
float:right;
width:420px;
height:133px;
margin:20px 0 0 20px;
}
.pro-z3{
margin-top:20px;
}




/*--删除订单--*/	
.mycheck {  
    width:100px;  
    height:212px;
	float:left;
    position: relative;  
}  
.mycheck input[type=checkbox] {  
    visibility: hidden;  
}  
.mycheck label {  
    width: 40px; 
    height: 40px;  
    cursor: pointer;  
    position: absolute;  
    top: 0; 
    bottom:0;	
    left: 0; 
	right:0;
    margin:auto;	
    background: #fff;  
    border:1px solid #ccc;  
    border-radius:100%;      
}  
.mycheck label:after {  
    opacity: 0;  
    content: '-';  
	width: 40px;  
    height:40px;  
	background-color:#db3a3a;
	text-align:center;
	line-height:36px;
	font-size:42px;
	color:#fff;
	border-radius:100%;  
    position: absolute; 
	top:-1px;  
    left: -1px;  
}  
.mycheck input[type=checkbox]:checked + label:after {  
    opacity: 1;  
}  
.pro-chu1{
width:100%;
height:212px;
background-color:#fff;
border-bottom:1px #E7E7E7 solid;
}
.pro-chu2{
width:620px;
float:right;
padding:7px 15px 0 0;
}
.my-zone {  
    width:52px;  
    height:90px;
	float:left;
    position: relative;  
}  
.my-zone input[type=checkbox] {  
    visibility: hidden;  
}  
.my-zone label {  
    width: 40px; 
    height: 40px;  
    cursor: pointer;  
    position: absolute;  
    top: 0; 
    bottom:0;	
    left: 0; 
	right:0;
    margin:auto;	
    
    border:2px solid #fff;  
    border-radius:100%;      
}  
.my-zone label:after {  
    opacity: 0;  
    content: '-';  
	width: 40px;  
    height:40px;  
	background-color:#db3a3a;
	text-align:center;
	line-height:36px;
	font-size:42px;
	color:#fff;
	border-radius:100%;  
    position: absolute; 
	top:-2px;  
    left: -2px;  
}  
.my-zone input[type=checkbox]:checked + label:after {  
    opacity: 1;  
}  
.pro-quan1{
float:left;
width:150px;
height:90px;
}
.pro-quan3{
float:right;
}
.pro-quan4{
width:186px;
height:90px;
background-color:#db3a3a;
float:right;
text-align:center;
}
.pro-quan4 a{
width:186px;
height:90px;
display:block;
}
.pro-quan4 a:hover{
background-color:#c33030;
color:#fff;
}



/*--下订单--*/	
.ord{
width:100%;
background-color:#f5f5f5;
}
.order{
width:100%;
height:200px;
border-bottom:1px #E7E7E7 solid;
background-color:#fff;
}
.order li{
width:200px;
height:200px;
float:left;
margin:0 20px;
}
.order li img{
border:1px #f0f0f0 solid;
margin:10px auto 0;
display:block;
}
.order-2{
width:100%;
height:265px;
background-color:#fff;
padding:10px 25px 0;
}
.or-z1{
background:url(/app/images/pot-9.png)no-repeat center left;
padding-left:20px;
line-height:41px;
}
.radio +label input[type="radio"] { 
display: none;
}
.radio +label{
position: relative;
display: inline-block;
z-index: 999;
width: 40px;
height: 40px;
position:absolute;
left:0;
right:0;
top:0;
margin:auto;
}

.radio+label:before{
cursor: pointer;  
 content:"";
 color:#fff; 
 width: 40px;
 height: 40px;
 background: #fff;
 border-radius: 100%;
 display:block;
 border:2px #9fa4b6 solid;
}
.radio:checked+label:before{
content:"";
border:none;
background:url(/app/images/gou-1.png)no-repeat center;
}
.or-left{
width:80px;
height:75px;
position:relative;
float:left;
}
.or-right{
width:590px;
height:36px;
float:right;
line-height:40px;
}
.or-zl{
float:left;
}
.or-zr{
float:right;
}
.or-kefu{
width:123px;
height:90px;
background-color:#e5a03d;
float:right;
text-align:center;
}
.or-kefu a{
width:123px;
height:90px;
display:block;
}
.or-kefu a:hover{
background-color:#d69537;
}


/*--提交订单--*/	
.con-ban{width:100%;height:261px;padding:0 40px;}
.con-z1{float:left;}
.con-z2{
float:right;
}
.con-2{
float:right;
width:420px;
height:133px;
margin:10px 0 0 20px;
line-height:30px;
}
.con-3{
width:100%;
background-color:#fff;
border-bottom:1px #E7E7E7 solid;
}

/*--支付方式--*/	
.choose{
width:100%;
background-color:#fff;
padding:20px 0;
}
.choose-2{
width:100%;
padding:0 25px 0;
}
.choose-3 a{
width:674px;
height:90px;
margin:0 auto;
border-bottom:1px #e7e7e7 solid;
display:block;
background:url(/app/images/jiantou-9.png)no-repeat center right;
position:relative;
}
.choose-3:hover{
background-color:#f4f4f4;
}
.choose-3{
width:100%;
background-color:#fff;
}
.choose-3 p{
line-height:90px;
padding-left:20px;
}


/*--设计师产品-详情页--*/	
.des-xiang{
width:100%;
background-color:#f5f5f5;
}
.des-xiang1{
width:100%;
background-color:#fff;
border-bottom:1px #E7E7E7 solid;
padding:10px 20px 0;
position:relative;
}
.des-xiang2{
width:250px;
height:48px;
position:absolute;
right:20px;
top:95px;
}
.des-left{
float:left;
width:115px;
height:48px;
}
.des-left a:hover{
background:url(/app/images/zan-3.png)no-repeat center left;
display:block;
color:#00ccff;
}
.des-left a:hover p{
color:#00ccff;
}
.des-left a:hover img{
display:none;
}
.des-left img{
float:left;

}
.des-z1{
line-height:48px;
margin-left:45px;
}
.des-right{
float:right;
width:115px;
height:48px;
}
.des-right img{
float:left;
margin-right:5px;
}
.des-z1{
line-height:48px;
}
.des-right a:hover{
background:url(/app/images/zan-4.png)no-repeat center left;
display:block;
color:#00ccff;
}
.des-right a:hover p{
color:#00ccff;
}
.des-right a:hover img{
display:none;
}
.des-xu{
width:680px;
height:1px;
border:1px #e7e7e7 dashed;
}
.des-tou{
width:680px;
height:125px;
margin:20px auto 0;
padding-left:10px;
}
.des-tou img{
float:left;
border:1px #ccc solid;
}
.des-tou1{
float:right;
}
.des-z2{
background:url(/app/images/ren-1.png)no-repeat center left 3px;
padding-left:30px;
width:525px;

}
.des-zl{
background:url(/app/images/ren-2.png)no-repeat center left;
padding-left:30px;
width:320px;
float:left;
}
.des-zr{
float:right;
}
.des-tou2{
width:100%;
background-color:#fff;
padding:10px 25px 0;
border-style:solid none;
border-width:1px;
border-color:#e7e7e7;
}
.des-le{
width:330px;
height:115px;
background:url(/app/images/beijing-1.png)no-repeat center;
border:1px #e2e2e2 solid;
padding:10px 20px 0;
float:left;
margin-left:5px;
margin-bottom:8px;
}
.des-le a{
width:330px;
height:115px;
display:block;
}
.des-le:hover{
border:1px #07d3ff solid;
}
.des-le1{
line-height:30px;
margin-bottom:3px;
}
.des-ri{
width:330px;
height:115px;
background:url(/app/images/beijing-1.png)no-repeat center;
border:1px #e2e2e2 solid;
padding:10px 20px 0;
float:right;
}
.des-ri a{
width:330px;
height:115px;
display:block;
}
.des-ri:hover{
border:1px #07d3ff solid;
}
.des-pf{
background:url(/app/images/jindu.png)no-repeat center;
width:156px;
height:156px;
padding-top:50px;
margin:10px 0 0 60px;
}
.des-pf1{
height:35px;
width:120px;
margin:0 auto;
text-align:center;
line-height:35px;
}
.des-pf2{
width:120px;
margin:0 auto;
text-align:center;
height:30px;
line-height:30px;
}
.des-ping{
width:100%;
height:46px;
border-bottom:1px #e7e7e7 solid;
background-color:#fff;
padding:0 25px;
}
.des-ping li{
float:left;
}
.des-ping a{
line-height:48px;
height:45px;
display:block;
padding:0 20px;
}
.des-ping a:hover{
border-top:5px #07d3ff solid;
background-color:#f5f5f5;
color:#333;
line-height:38px;
}
.des-ping2{
width:100%;
height:147px;
border-bottom:1px #eee dashed;
padding:0 20px;
}
.des-ping2 img{
border:1px #ccc solid;
float:left;
margin:20px 0 0 10px;
}
.des-ping3{
width:545px;
float:right;
margin-top:20px;
}
.des-pingl{
float:left;
}
.des-pingr{
float:right;
}
.des-pingz{
line-height:25px;
}
.des-ping4{
background-color:#fff;
width:100%;
}
.des-jiazai{
width:220px;
margin:0 auto;
}
.des-jiazai a:hover{
display:block;
}
.des-jiazai2{
height:35px;
line-height:35px;
}
.des-jiazai a:hover .des-jiazai2{
color:#2998b1;
}

/*--设计师产品-详情页2--*/
.des-wenben textarea{
width:672px;
height:187px;
margin:10px auto 25px;
padding:5px 15px 0;
resize:none;
}
.des-wenben label{
padding-left:20px;
}
.des-wenben2{
text-align:center;
}
.des-wenben2 button{
width:334px;
height:62px;
background-color:#30a9c4;
border:none;
}

/*--评分星星--*/
.box_163css{ width: 480px;height: 30px;}
.s_name{ float:left; display: block; margin:-5px 10px 0 0;text-align: right;}
.star_ul{background: url(/app/images/star.png) no-repeat 0 -150px; width: 132px; z-index: 10; position: relative; height: 25px;}
.star_ul li{ float: left;  margin-right:1px;width: 25px; height: 25px; }
.star_ul li a{ display: block; height: 25px; position: absolute; left: 0; top: 0; text-indent: -999em;}
.star_ul li .active-star{background: url(/app/images/star.png) no-repeat;}
.star_ul li .one-star{width: 25px;background-position:0 -120px; z-index: 50;}
.star_ul li .two-star{width: 51px;background-position:0 -90px;z-index: 40;}
.star_ul li .three-star{width:79px; background-position:0 -60px;z-index: 30;}
.star_ul li .four-star{width:105px; background-position:0 -30px;z-index: 20;}
.star_ul li .five-star{width:129px; margin-right: 0; background-position:0 0;z-index: 10;}
.s_result{ margin:-5px 0 0 10px; }

/*--设计宝石-修改 2--*/
.stone{
width:100%;
height:100%;
background-color:#000;
}
.stone-1{

height:775px;
background-color:#fff;
border-radius:10px;
margin:0 auto;
padding:0 20px;
position:relative;
}
.stone-img{
width:41px;
height:41px;
background:url(/app/images/ca-2.png)center no-repeat;
border-radius:50%;
position:absolute;
right:25px;
top:30px;
}
.stone-img:hover{
width:41px;
height:41px;
background:url(/app/images/ca-3.png)center no-repeat;
}
.stone-z1{
height:90px;
line-height:90px;
}
.stone-2{
width:100%;
}

.stone-2 dd{
float:left
}
.stone-2 li{
height:53px;
width:100%;
border-bottom:1px #e6e6e6 solid;
line-height:53px;
text-align:left
}
.stone-3 img{
margin:0 40px 0 20px;
border:1px #d8d8d8 solid;
border-radius:50%;
}
.stone-w img{
margin-top:-7px;
}


.cp-1 img{ width:442px; }
.cp-2 img{  }

.page-btn{ float:inherit !important;}
.page-btn-n{margin-left:100px}
.page-cont{ text-align:center; margin:40px}
.hide{ display:none}

.s-input{padding: 5px;border-radius: 5px;border: 1px #ccc solid;}
.s-li-5 li{ float:left; width:92px; position:relative; left:-10px}

.pinfo{width: 116px;
display: inline-block;
height: 48px;
line-height: 48px;
margin-top: 15px;
vertical-align: middle;
border-radius: 5px;
border: 2px solid #30a9c4;}

.pro_info{padding: 10px 40px;
background-color: #fff;
}

.pdel{position: relative;
top: -50px;
float: right;
border: 2px solid #30a9c4;
color: #fff !important;
border-radius: 5px;
padding: 5px;
font-size: 20px !important;
background: #30a9c4}

.pchout{

top: -225px;
right: 20px;
border: 2px solid #30a9c4;
color: #fff !important;
border-radius: 5px;
padding: 5px;
font-size: 20px !important;
background: #30a9c4
}
.addStone{
	position:relative;
	float:right;
top: 10px;

width:100px;
height:80px;
border: 2px solid #30a9c4;
color: #fff !important;
border-radius: 5px;
padding: 5px;
font-size: 36px !important;
background: #30a9c4
}


.checker  {
    position: relative;
    background-image: 
        linear-gradient(to right, #C0C0C0 1px, transparent 1px), 
        linear-gradient(to bottom, #C0C0C0 1px, transparent 1px),
        url('/images/background3.jpg');
    background-size: 20px 20px, 20px 20px, cover; 
    overflow: hidden;
}

checker::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, silver, transparent);
    opacity: 0.5;
    z-index: 1;
}