@charset "utf-8";

body{ font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: #fff;
max-width: 640px;
margin: 0 auto;
padding: 0;
}
a{color: #666;}
a:hover{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
h1,h2,h3,h4,h5{font-family: "Microsoft Yahei"}
.img-responsive {
display: block;
height: auto;
max-width: 100%;
}
.mT10{margin-top:10px;}
.yellow a:link, .yellow a:visited, .yellow,
a.yellow:link, a.yellow:visited {
color: #E06543;
text-decoration: none;
}
.yellow a:hover, .yellow a:active,
a.yellow:hover, a.yellow:active {
color: #E06543;
text-decoration: none;
}
.PosR{position: relative;}
.PosA{position: absolute;}
.font12{font-size:12px;}
.all{width:100%;max-width: 640px;margin: 0 auto;background: #fff;}
.small{font-size: 60%;}
.all .backbt{padding: 5px;}
.all .content{margin-top: 40px;}
.all .price{text-align: center;font-size: 24px;}
.all .notice{text-align: center;font-size: 12px;color: #e36340;margin-top: 10px;}
.all .notice2{text-align: center;font-size: 12px;color: #999;margin-top: 10px;}
.all .notice2 a{text-decoration: underline;}
.all .content2{margin:20px auto; position:relative;padding:45px 65px 0;}
.all .content3{margin:20px auto; position:relative;background: url(../../img/404_icon.png) no-repeat center center;padding:85px 0 135px 0;}
.all .logo{width: 100%;padding:100px 0 70px 0; background: url(../../img/index/toplogo.png) no-repeat center center;margin-top:50px}
.all .content .box,.all .content2 .box{padding:20px;width:80%;margin:0 auto; position:relative;}

.all .content .box .left,.all .content2 .box .left{float:left;width:48%;}
.all .content .box .right,.all .content2 .box .right{float:right;width:48%;}
.all .content .box .left a.select,.all .content2 .box .left a.select,.all .content .box .right a.select,.all .content2 .box .right a.select{border:1px solid #e36340; color: #e36340}
.all .content .box .left a img,.all .content2 .box .left a img,.all .content .box .right a img,.all .content2 .box .right a img{max-height: 20px;vertical-align: middle;}
.all .content input,.all .content .text{
    outline:none;background-color: rgba(0, 0, 0, 0);
    width:100%;text-align: center;border: 0;padding: 12px 0;border-bottom: 1px solid #B7B7B7;font-size: 20px;width:100%;}
.all .content .bt,.all .content2 .bt{font-size: 16px;position:absolute;right:0px;top:30px;}
.all .content2 .downbt{font-size: 20px;position:absolute;right:20px;top:28px;}
.logodi{width: 100%;display:block;margin-top:50px;color: #999;text-align: center;}
.logodi2{height: 66px;width: 100%;display:block;margin-top:50px;padding:20px;}

.drowmenu{border:1px solid #cecece;background:#fff;width:100%;position:absolute;top:66px;right:0;list-style:none;z-index:999;font-size:20px; }
.drowmenu li{line-height:40px;height:40px;padding-left:15%;color:#747474;cursor:pointer;}
.drowmenu li.active,.drowmenu li:hover{line-height:40px;height:40px;padding-left:15%;color:#747474;cursor:pointer;background:url(../../img/index/zhengque.png) no-repeat 90% 50%  #eeeeee;}
.form-control{padding:12px 15px}
.smbt{padding:35px 0;font-size:32px;color:#fff;}
.pro{width: 100%;max-width: 640px;margin: 0 auto;background: #fff;}
.pro-bt{position: fixed;bottom: 0;width:100%;max-width: 640px;margin: 0 auto;background:#4C4C4E;}
.pro-bt .no1bt{margin: 0;padding: 0;width: 50%; height: 60px;float: left;border-right: 2px solid #5D5C5C;background-size:100px 25px;position: relative;}
.pro-bt .no2bt{margin: 0;padding: 0;width: 50%; height:60px;float: left;background-size:100px 25px;border-right: 2px solid #5D5C5C;position: relative;}
.pro-bt .no3bt{margin: 0;padding: 0;width: 33.4%;background: url(../images/no3bt.jpg) no-repeat center center #4b4948; height: 60px;float: right;background-size:100px 37px;position: relative;}
.pro-bt .no1bt .labs,.pro-bt .no2bt .labs,.pro-bt .no3bt .labs{position: absolute;top:10px;right:10px;width: 40px;height: 15px;background: url(../images/manc.png) no-repeat;}
.orderby{background: #f1f1f1;}
.backnew{margin: 15px 0;padding-top:5px;}
.inputnew{width:100%;text-align: center;border: 0;padding: 9px 0;border-bottom: 1px solid #B7B7B7;font-size: 18px;background: none;color: #999;}
.buybt{padding: 35px 0;}
.no1select {width:153px;}
.querenfk{width: 314px;}
.w158{width: 93px;margin:0 4px;}
.mT20{margin-top:20px;}
/*mask*/
.g_mask {
background-color: rgba(0,0,0,0.1);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.g_main {
background: rgba(0,0,0,0.5);
text-shadow: none;
color: #fff;
position: fixed;
width: 140px;
left: 50%;
margin-left: -70px;
top: 30%;
z-index: 1001;
    padding:10px;
    border-radius: 4px;
    text-align: center;
}
.masktitle {
text-align: center;
color: #fff;
padding: 6px 0;
}

/*order*/
.layout{margin: 0 auto;padding: 0px;max-width: 640px;}
.orderlist{}
.orderlist .imgs{width:50px;height: 50px;float:left;display:inline-block;margin-right:5px;}
.orderlist .imgs img{padding:2px; border:1px solid #dadada;background:#fff;}
.orderlist .title{padding-bottom:15px;vertical-align:middle;}

.bggray{background-color: #CCCCCC;}
.yzbox{padding: 10px; color: #333;}
.yzbox h5{margin-bottom: 5px;}
.yzhm{margin:10px auto;width: 70%;padding-bottom: 10px;}
.yzhm dt{float: left;width: 20%;text-align: right;margin-top: 12px;}
.yzhm dd{float: left;width: 80%; padding-left:10px;margin-top:7px;}
.yzhm dd .zz{width: 50%;}
.yzhm dd.cc{width: 30%;}

/*user center*/
.infobox,.namebox{border-radius: 0px; border:1px solid #dadada;padding:15px;color: #666;background:#fff;box-shadow: 0 0 2px rgba(0,0,0,.1);}
.infobox dt{float: left;}
.infobox dd{float: right;margin-left:10px;}
.avatar img{width: 48px;height: 48px;border-radius: 48px;}
.infobox .name{width: 50%;float: left;}
.infobox .tel{width: 50%;float: right;}
.infobox .inputs{width:80%;}

/*css3 loading*/
#facebookG{
}

.facebook_blockG{
background-color:#FFFFFF;
border:1px solid #f8f8f8;
text-align: center;
display: inline-block;
height:30px;
margin-left:5px;
width:3px;
-webkit-animation-name:bounceG;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(1.4000000000000001);
-moz-animation-name:bounceG;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(1.4000000000000001);
-o-animation-name:bounceG;
-o-animation-duration:2s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(1.4000000000000001);
-ms-animation-name:bounceG;
-ms-animation-duration:2s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(1.4000000000000001);
opacity:0.1;
}

#blockG_1{
-webkit-animation-delay:0.6000000000000001s;
-moz-animation-delay:0.6000000000000001s;
-o-animation-delay:0.6000000000000001s;
-ms-animation-delay:0.6000000000000001s;
}

#blockG_2{
-webkit-animation-delay:0.8s;
-moz-animation-delay:0.8s;
-o-animation-delay:0.8s;
-ms-animation-delay:0.8s;
}

#blockG_3{
-webkit-animation-delay:1s;
-moz-animation-delay:1s;
-o-animation-delay:1s;
-ms-animation-delay:1s;
}

@-webkit-keyframes bounceG{
0%{
-webkit-transform:scale(1.2);
opacity:1}

100%{
-webkit-transform:scale(0.7);
opacity:0.1}

}

@-moz-keyframes bounceG{
0%{
-moz-transform:scale(1.2);
opacity:1}

100%{
-moz-transform:scale(0.7);
opacity:0.1}

}

@-o-keyframes bounceG{
0%{
-o-transform:scale(1.2);
opacity:1}

100%{
-o-transform:scale(0.7);
opacity:0.1}

}

@-ms-keyframes bounceG{
0%{
-ms-transform:scale(1.2);
opacity:1}

100%{
-ms-transform:scale(0.7);
opacity:0.1}

}

.modal {
position: fixed;
top: 25%;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}

/*new dundian xiaoge paotui*/
.local-title{height:55px;line-height:55px;margin:20px auto;border-bottom:1px solid #f7f7f7;background:url(../images/2015-5-20/iconfont-weizhi.png) no-repeat left;padding-left:45px;font-size:22px;color:#333;}
.local-title-pttop{padding-top:40px;}

.local-select{height:40px;border:1px solid #bfc0c0;line-height:40px;padding-left:15px;border-radius:8px;width:100%;background:none; position:relative;font-size:20px;}
.local-select .down-arrow{position:absolute;top:5px;right:10px;font-size:22px;}
.local-select .select-local{top:40px;}
.local-select .select-local li{padding-left:2%;}
.local-select-top{padding-top:35px;}
.all-padding{padding:15px;}
.nextdiv{position:fixed;bottom:6%;left:0;width:100%;text-align:center;}
.nextdiv .okbt{width:80px;height:80px;border-radius:80px;border:2px solid #666;line-height:80px;text-align:center;font-size:30px;color:#666;display:inline-block;}
.nextdiv .okbt:hover{color:#ec6633;border:2px solid #ec6633;}
/*xiao guan jia*/
.xgj-left{float: left;width: 45%;padding:0 20px;}
.xgj-right{float: right;width: 45%;padding:0 10px;}
.rwzt-active{height: 28px;line-height: 28px;background: #57585A;border-radius: 8px;padding-left: 10px;font-size: 16px;color:#fff;width: 180px;margin-top: 10px;}
.rwzt-active.rwzt{background: #F26A42;}
.xgj-touxiang{width:200px;height: 200px;border-radius: 200px;margin-top: 30px;overflow: hidden;}
.xgj-weixin{font-size: 16px;margin-top:40px;margin-bottom: 20px;}
.xgj-paddingtop{padding-top:25px;}
.xgj-name{height: 45px;line-height: 45px;font-size: 16px;border-bottom: 1px solid #E8E8E9;color: #4E4E4E;}
.xgj-zan{height:45px;line-height: 45px;margin-top:17px; font-size: 30px;color: #808285;}
.xgj-zan .ico{width:45px;height: 45px;background: #F26A42;line-height: 45px;border-radius: 45px;text-align: center;color: #fff;}
.xgj-contact{text-align: center}
.xgj-contacttext{text-align: center;margin-top:10px;font-size: 18px;}
.xgj-phone{width: 80px;border-radius: 80px;height: 80px;border:3px solid #F26A42;text-align: center;font-size:45px;margin-top:30px;color: #F26A42;line-height: 80px;}
.xgj-phone.active{color: #57585A;border:3px solid #57585A;}
.xgj-pltitle{height: 30px;line-height: 30px;border-radius: 8px;border:1px solid #dadada;margin-top: 40px;width: 120px;text-align: center;}
.xgj-plcontent{margin-top:40px;}
.xgj-plcontent dl{height: 60px;border-bottom: 1px solid #F0F1F1;margin-top:15px;}
.xgj-plcontent dt{float: left;}
.xgj-plcontent dt img{width: 40px;height: 40px;}
.xgj-plcontent dd .title{height: 24px;}
.xgj-plcontent dd{padding-left: 55px;}

/*finish*/
.finishtitle{padding:7px 60px;text-align: center;font-size: 18px;background: #F26A42;color: #fff;border-radius: 8px;margin-top:20px;}
.finishpic{margin-top:40px;}
.finishpic img{height: 50px}
.finish-text{margin-top: 15px;font-size:18px;}
.finishbt{margin-top: 30px;}
.finishbt li{width: 33%;float: left;text-align: center;}
.finishbt li .ico{width: 45px;height: 45px;background: #F26A42;line-height:45px;font-size: 28px;text-align: center;border-radius: 45px;color: #fff; display: inline-block;}
.finish-pl{height:36px;border:1px solid #bfc0c0;padding-left:2px;padding-right: 2px; border-radius:8px;width:90%;background:none; position:relative;font-size:16px;margin:0 auto;margin-top:50px;}
.finish-pl input{border:0;background: none;width: 98%;height: 30px;margin-top:2px;line-height: 30px;color: #999;}
.plbt{width: 150px;height: 36px;line-height: 36px;text-align: center;border-radius: 8px;border:1px solid #bfc0c0;background: #f4f4f4;display: inline-block;margin-left:30px;}


/**/
/*shopping cart panle*/
.cartpanlebg {
background-color: rgba(0,0,0,.8);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.cartpanle{
	overflow: hidden; visibility: visible; opacity: 1; bottom: 0px; left: 0px; right: 0px; height: 320px; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); position: absolute; z-index: 1100; -webkit-transition: all 300ms ease; transition: all 300ms ease;background: #fff;width: 100%;padding: 10px;
	color: #666;
}
.js-cancel {
position: absolute;
right: 10px;top:15px;
}
.js-cancel .cancel-img{
width: 35px;
height: 35px;
background: url('http://dunlife.oss-cn-hangzhou.aliyuncs.com/Content/images/2015-5-20/sku-cancel.png') top left no-repeat;
background-size: contain;
cursor: pointer;
}
.finishbt li .ico.active{background: #ccc;}

/*calendar*/
.mT40{margin-top: 40px;}
.calendar{width: 100%;background: #F7F8F8;padding: 20px;font-size: 18px;}
.calendar .title,.pLR20{}
.calendar .title img{height: 20px;}
.calendar .title .text{font-size: 22px;letter-spacing: 3px;}
.calendar .rl{width: 100%;margin-top:10px;}
.calendar .rl .item-day{width:14.28%;float: left;height: 30px;line-height: 30px;font-size: 20px;text-align: center; color: #4B4B4C;margin-top: 20px;}
.calendar .rl .item-num{width:14.28%;float: left; border-bottom: 1px solid #E4E5E6; text-align: center;margin-bottom:10px; margin-top:5px;}
.calendar .rl .item-num a{width: 36px;height: 36px;color: #403F41;cursor: pointer;padding:2px;display: inline-block;margin:5px 0 5px 0;line-height: 33px;border-radius: 36px;letter-spacing: -1.5px;}
.calendar .rl .item-num a.active{border-radius: 36px;background: #F26A42;color: #fff;}
.calendar .rl .item-num a.gray{color: #939598;}
.calendar .rl .item-num a.line{border: 1px solid #309A2A;}
.calendar .rl .item-num a.lineG{border: 1px solid #A9A9A9;}
.calendar .hang{margin:15px auto;height: 35px;line-height: 35px;color: #231F20;}
.calendar .hang .jia{width: 30%;font-size:14px;}
.calendar .sq{width: 26%;float: right;margin-left: 10px;}

.calendar .yzm{width: 40%;float: right;}
.calendar .form-control{padding: 0;padding-left:5px;height: 28px;}
.calendar label{	font-weight: normal;}
.calendar .input-group .form-control{}

.calendar .input-group-btn .btn{padding:3px 6px;}
.calendar .input-group-btn .btn.mB{margin-bottom:6px;}
.calendar .input-group-btn .btn.mB2{margin-bottom:14px;}
.checkoutbt{
	position: fixed;bottom: 0;height: 50px;line-height: 50px;text-align: center;display: block;color: #fff;background: #F18341;cursor: pointer;width: 100%;left:0;font-size: 22px;border:0;z-index: 9999;
}
.hang .f14{font-size: 16px;}
.calendar ol{list-style:disc;margin-left:20px; font-size: 14px; }

.biaoq{padding:2px 10px;border-radius: 15px 0 15px 0;border:1px solid #E8E9EA;font-size: 14px;margin-top:20px;color: #999;}

/*new user center  2015/07/25*/
.userbox{width:100%;margin:0 auto;padding:5px;background:#f8f8f8;}
.userbox .usertop{text-align:center;padding:30px 0 20px 0;background:url(../images/dingdan.jpg?v=2) no-repeat center center;margin-bottom:10px;}
.usertop .tx{width: 100px;
height: 100px;
margin-bottom: 10px;
padding: 2px;
border: solid 1px #eee;
border-radius: 50% !important;
vertical-align: middle;background-color:#f8f8f8;border:1px solid #dadada;}
.usertop .mobile{font-size:18px;text-align:center;color:#333;padding: 1px 5px;background: rgba(255,255,255,0.4)}
.userbox .listitem{padding:20px 15px;margin-bottom:8px;font-size:18px;background-color:#fff;display:block;}

.userbackbar{height:50px;line-height:50px;text-align:center;position:relative;background-color:#fff;border-bottom:1px solid #dadada;font-size:20px;width:100%;max-width:640px;}
.userbackbar .leftarrow{position:absolute;top:0px;left:15px;}
.orderbox{width:100%;background:#fff;margin-top:10px;font-size:14px;}
.orderbox .title{padding:8px 12px;font-size:16px;}
.orderbox .content{background:#fff;border-top:1px solid #dadada; border-bottom:1px solid #dadada;padding:8px 12px;}
.orderbox .content .top{padding:10px 0; border-bottom:1px dashed #eaeaea;}
.orderbox .content .text{padding:10px 0;line-height:20px;color:#696969;position:relative;}
.orderbox .content .text .mabt{padding:15px;background:#8bd367;color:#fff;position:absolute;right:0px;top:15px;}.fa-database{color:#FE8401;}

.modal-content{ width: 75%;margin: 0 auto;}

.indexlist{margin-left:50px; }
.indexlist li {float: left;}
.indexlist li a{width:150px;margin:20px;height:150px;line-height: 150px;text-align: center;border:1px solid #f3891d; background: rgba(243,137,29,0.8);display: inline-block;color: #fff;font-size: 18px;}