/***-----------------------
phone css
---------------------------------------------------------------------------------------------------------------**/
body {color: #333;font: 12px/1.5 Arial,sans-serif;}
.tophead,.tophead ul li,.mtopbg,.slide-nav li,.layB .pic{ background: url(../images/mbk.png) no-repeat;}
.mtopbg{ background-repeat:repeat-x;  }
.tophead{height: 30px; line-height: 30px; color: #999; background-repeat: repeat-x; width: 960px; margin: 0 auto;}
.tophead a{color: #61646E}
.tophead a:hover{ color:#C00;}
.tophead ul{ float: right;}
.tophead ul li{ float: left; background-position:-70px -32px; padding:0 8px;}
.tophead ul li.a4{  background-position:-48px -32px;}
.tophead ul li.{ background-image: none;}
.phnav{ float: right; margin:15px 10px 0 0;}
.phnav a{ padding:6px 18px; font-weight: bolder;font-size: 14px;display:inline-block; text-decoration: none;}
.phnav a:hover{background-color:#000;color: #FFF; }
.phnav a.act{ background-color:#4375be; color: #FFF; }
.mainbk{background: url(../images/mobile_pic.png) repeat-x left -1px; height:507px; }
.downcon{ background: url(../images/mbigbk.jpg) no-repeat; height: 507px;width: 960px; position: relative; margin: 0 auto;}
.indtxt{ text-indent: -99999px; overflow: hidden;}
.mtitle{ width: 389px; height: 79px; position: absolute; top:49px; left:62px;}
.iphone,.Android{ width: 180px; height: 52px; position: absolute;}
.iphone a,.Android a{ display: block;width: 180px; height: 52px;}
.iphone{top:160px; left:64px; }
.Android{top:160px; left:258px;}
.Android2,.iphone2{ width: 110px; height: 110px; position: absolute;}
.iphone2{top:220px; left:344px; }
.Android2{top:220px; left:74px; }
.vdesc{ width: 420px; height: 130px;position: absolute; left: 70px;top:376px;  }
.vdesc dt{ font-weight: bolder; color: #555}
.vdesc dd{ height: 24px; line-height: 24px; white-space: nowrap;overflow: hidden;}
.vdesc dd a{color: #555}
.slide{ width: 188px; height: 283px; position: absolute; top:100px; right:251px;overflow: hidden; }
.slide li img{width: 188px; height: 283px; border-width: 0;}
.slide-nav{ position: absolute;bottom:20px; right:380px;  }
.slide-nav li{ float: left; width: 12px; height: 13px;  text-indent: -999999px; overflow: hidden;background-position:right -268px;cursor: pointer; margin: 0 2px;  }
.slide-nav li.act{background-position:right -248px; }
.layB{margin-top: 40px}
.layB li {float: left; padding: 0 20px 35px 70px; width: 230px; height: 57px; overflow: hidden;}
.layB .pic {float: left; margin-left: -70px; background-position:5px -62px; width: 50px; height: 50px; _margin-left:-30px; }
.layB .tg{background-position:-43px -62px;}
.layB .you{background-position:5px -123px;}
.layB .shop{background-position:-46px -123px;}
.layB .map{background-position:5px -178px;}
.layB .order{background-position:-47px -178px;}
.layB dl {color: #999;line-height: 1.8;}
.layB dl dt{  color: #555;  font-size: 14px;  font-weight: bold;}
.layB dl dd{ color: #999;}
.mfooter{ border-top: 1px solid #E0E0E0; text-align: center; color: #999; font-size: 12px;}
.mfooter ul{ padding-top: 10px;margin-bottom: 5px;}
.mfooter li{ display:inline; padding-right:10px;line-height: 32px;}
.mfooter li a{ color:#999; margin-right: 8px;}
.mfooter li a:hover{color: #c00}

/***---
ÊÖ»úwrap°æ
--------------------------------------***/
.overbg {background: url(../images/cpztbg.gif) transparent;}
.bgFF{ background:#FFF; }
.phwpshow{ width:425px; height:805px; background:url(../images/wphone.gif) no-repeat;}
.phwpshow iframe{ margin:132px 0 0 54px; overflow-x: hidden; border:0;}
.w535{ width:w535;}
.wapTit,.wapadr,.wapadr a,.wapintro i{ background:url(../images/wapbg.gif) no-repeat;}
.wapTit{ width:342px; height:110px; margin:0 35px 0 5px; _display:inline;}
.waperm{ width:120px; height:120px;}
.wapadr{ width:520px; height:50px; background-position:38px -129px;}
.wapadr a,.wapadr input,.wapintro i,.wapintro div{ float:left;}
.wapadr a{ width:40px; height:50px; background-position:-413px -1px;}
.wapadr a:hover{background-position:-356px 0;}
.wapadr input{width:280px; height:25px; color:#666; font-size:20px; font-weight:700;margin:9px 0 0 170px;border:none;}
.wapintro a:hover{ text-decoration:none;}
.wapintro i{width:50px; height:50px; background-position:-409px -59px; margin:8px 10px 0 0;}
.wapintro a:hover i{background-position:-355px -59px;}
.wapintro i.ico2{background-position:-168px -187px;}
.wapintro a:hover i.ico2{background-position:-104px -186px;}
.wapintro i.ico3{background-position:-52px -187px;}
.wapintro a:hover i.ico3{background-position:1px -188px;}
.wapintro i.ico4{background-position:-287px -187px;}
.wapintro a:hover i.ico4{background-position:-226px -185px;}
.wapintro a:hover b{ color:#5070B0;}
.wapintro div{ width:460px; margin-bottom:30px;}
.wapintro b{ height:40px; line-height:40px; display:block; overflow:hidden; font-size:18px; font-weight:normal;}
.wapintro p{ font-size:14px; color:#999;}