html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-touch-callout:none; -webkit-user-select:auto;}
#content {word-wrap:break-word;}
#content ul li{list-style-type:disc;}
#content ol li{list-style-type:decimal;}
#content ul{padding:0 0 0 40px; margin:16px 0;}
#content ol{padding:0 0 0 40px; margin:16px 0;}

#content a:link{text-decoration:underline; color:#0782C1;}
#content a:visited{text-decoration:none; color:#0782C1;}
#content a:hover{text-decoration:none; color:#0782C1;}

/*html, body {position:relative; height:100%;}*/
.wrap{width:100%;height:100%;}
.header{height:auto;}
.footer{height:auto;}
.main{width:auto; margin:0 auto;}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-Y{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

body{background-color:#FFF; margin:0px; padding:0px; color:#333; overflow-x:hidden; font-family:Microsoft YaHei,"微软雅黑","Times New Roman",Hiragino Sans GB,tahoma,arial,simhei,"宋体";}
img{border:none;}
li{list-style-type:none;}
ul{padding:0; margin:0;}
ol{padding:0; margin:0;}
p{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal;}
input,textarea,button{outline:none; color:#666; font-family:Hiragino Sans GB,Microsoft YaHei,"微软雅黑",tahoma,arial,simhei,"宋体"; -webkit-appearance:none; /*remove input style*/ border-radius:0; border:0; background-color:transparent;}
button{border:none; cursor:pointer;}
a,button,input,textarea,div,ul,li,p,span,img,h1,h2,h3,h4,h5,h6{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;}

video::-internal-media-controls-download-button {
  display:none;}

/*::-webkit-scrollbar{display:none;}*/

::-webkit-input-placeholder { /* WebKit browsers */
  color:#000; opacity:0.2;}
input:focus::-webkit-input-placeholder {opacity:0.1;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#000; opacity:0.2;}
input:focus:-moz-placeholder {opacity:0.1;}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#000; opacity:0.2;}
input:focus::-moz-placeholder {opacity:0.1;}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#000; opacity:0.2;}
input:focus:-ms-input-placeholder {opacity:0.1;}

a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#00ff9d;}

a.aa:link{text-decoration:none; color:#aaa;}
a.aa:visited{text-decoration:none; color:#aaa;}
a.aa:hover{text-decoration:underline; color:#333;}

a.bb:link{text-decoration:none; color:#ccc;}
a.bb:visited{text-decoration:none; color:#ccc;}
a.bb:hover{text-decoration:underline; color:#ccc;}

a.cc:link{text-decoration:underline; color:#aaa;}
a.cc:visited{text-decoration:underline; color:#aaa;}
a.cc:hover{text-decoration:underline; color:#333;}

a.dd:link{text-decoration:none; color:#999;}
a.dd:visited{text-decoration:none; color:#999;}
a.dd:hover{text-decoration:none; color:#333;}

.blur-7{
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -ms-filter: blur(8px);
  -o-filter: blur(8px);
  filter: blur(8px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=7, MakeShadow=false);
}

.cxy{-webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);}

.cx{-webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);}

.cy{-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}

.ta-center{text-align:center;}
.ta-left{text-align:left;}
.ta-right{text-align:right;}

.float-left{float:left;}
.float-right{float:right;}

.display-block{display:block;}
.display-none{display:none;}

.h-250{height:250px;}
.h-200{height:200px;}
.h-150{height:150px;}
.h-100{height:100px;}
.h-15p{height:15%;}
.h-25p{height:25%;}
.h-35p{height:35%;}
.h-45p{height:45%;}
.h-55p{height:55%;}
.h-65p{height:65%;}
.h-75p{height:75%;}
.h-85p{height:85%;}
.h-95p{height:95%;}
.h-100p{height:100%;}

.fc-fc7055{color:#fc7055;}
.fc-4888F2{color:#4888F2;}
.fc-BD9A61{color:#00ff9d;}
.fc-22bc2d{color:#22bc2d;}
.fc-999999{color:#999999;}
.fc-FFFFFF{color:#FFFFFF;}
.fc-666666{color:#666666;}
.fc-CCCCCC{color:#CCCCCC;}

.bc-fc7055{background-color:#fc7055;}
.bc-fc7055:hover{background-color:#FD816A;}
.bc-4888F2{background-color:#4888F2;}
.bc-4888F2:hover{background-color:#5A94F3;}
.bc-BD9A61{background-color:#00ff9d;}
.bc-BD9A61:hover{background-color:#C4A571;}
.bc-22bc2d{background-color:#22bc2d;}
.bc-999999{background-color:#999999;}
.bc-EEEEEE{background-color:#EEEEEE;}
.bc-EEEEEE:hover{background-color:#F5F5F5;}
.bc-333333{background-color:#333333;}
.bc-333333:hover{background-color:#444444;}

.m-0-0-10-0{margin:0 0 10px 0;}
.m-0-0-15-0{margin:0 0 15px 0;}
.m-10-0-0-0{margin:10px 0 0 0;}
.m-15-0-0-0{margin:15px 0 0 0;}

.loading{width:auto; height:auto; margin:25px auto 50px auto; text-align:center;}
.loading img{width:50px; height:50px;}

.waiting{width:auto; height:auto; margin:25px auto 100px auto; text-align:center;}
.waiting div img{width:100px; height:100px;}
.waiting div h1{margin:15px 0 0 0; font-size:16px;}
.waiting div h2{margin:15px 0 0 0; font-size:16px; color:#fc7055;}
.waiting div h2:hover{text-decoration:underline; cursor:pointer;}

.form{max-width:1400px; height:auto; margin:0 auto 100px auto; padding:0 20px;}
.form .wechatLogin{width:auto; height:auto; margin:0 auto; text-align:center;}
.form .wechatLogin iframe{margin:0 auto;}
.form .wechatLogin img{width:100%; height:auto;}
.form .loginTips{text-align:center; font-size:14px; margin:20px 0 0 0;}
.form .iconTips{text-align:center;}
.form .iconTips i{font-size:48px;}

.copyRight{width:auto; text-align:center; margin:30px 0;}
.copyRight div{font-size:12px; margin:0 0 10px 0; text-transform:uppercase;}
.copyRight div span:hover{color:#00ff9d; cursor:pointer;}
.copyRight ul{font-size:12px; color:#ccc; text-transform:uppercase;}
.copyRight ul span{-webkit-transform:scale(0.8); font-size:9px;}
.copyRight div img{width:22px; height:auto; position:relative; margin:0 3px -1px 0;}

.top{width:auto; height:auto; padding:80px 0; text-transform:uppercase; box-shadow:0px 1px 0px rgba(0,0,0,0.1); background-color:#FFF; position:relative; z-index:2;}

.topDiv{max-width:1400px; padding:0 20px; height:auto; margin:0 auto;}

.top .logo{width:auto; height:auto; position:relative; text-align:center; font-size:0;}
.top .logo img{width:auto; height:60px;}
.top .menu{width:auto; height:auto; background-color:#FFF; position:relative; z-index:3;}
.top .menu .minilogo{width:46px; height:46px; color: #00ff9d;}
.top .menu .minilogo i{font-size:28px;}
.top .menu div{display:none; width:100%; height:46px; background-color:#FFF; box-shadow:0px 1px 0px rgba(0,0,0,0.05); position:relative; z-index:3;}
.top .menu div p{margin:0 0 0 0; width:46px; line-height:46px; text-align:center; font-size:12px;}
.top .menu div p i{font-size:16px;}
.top .menu div li{text-align:center; line-height:46px; font-size:16px; font-weight:bold;}
.top .menu div li img{height: 20px; width: auto; margin: 13px 0 0 0;}
.top .menu ul{width:auto; text-align:right;}
.top .menu ul li{width:auto; height:auto; margin:6px 0 0 20px; font-size:12px; text-align:center; display:inline-block;}
.top .menu ul li:hover{color:#00ff9d; cursor:pointer;}
.top .menu ul li.hover{color:#00ff9d; cursor:default; border-bottom:2px solid #00ff9d;}

.top .submenu{width:auto; height:auto; overflow:auto; position:relative; z-index:1;}
.top .submenu div ul{text-align:right;}
.top .submenu div ul li{font-size:12px; margin:8px 0 0 20px; cursor:pointer; display:inline-block; position:relative;}
.top .submenu div ul li:hover{color:#00ff9d; cursor:pointer;}
.top .submenu div ul li.hover{color:#00ff9d; cursor:default; border-bottom:2px solid #00ff9d;}
.menuBg{width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; top:0; left:0; z-index:10; cursor:pointer; display:none;}

.pageMore{text-align:center; margin:0 0 50px 0;}
.pageMore li{padding:10px 40px; border:1px solid #DDD; display:inline-block; border-radius:5px; color:#00ff9d;}
.pageMore li:hover{border:1px solid #00ff9d; cursor:pointer;}

.pagesimg{width:auto; height:auto;}
.pagesimg .item{width:auto; height:650px; background-color:#EEE; background-repeat:no-repeat; background-size:cover; background-position:center center;}

.mapsDiv{position:relative;}
.maps{width:100%; height:650px; position:relative; z-index:1;}
.mapsmini{width:100%; height:250px; position:relative; z-index:1; margin:40px 0 0 0;}
.zoomMaps{width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; background:rgba(0,0,0,0.4); opacity:0;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease;
}
.zoomMaps p{width:50px; height:50px; line-height:50px; text-align:center; color:#FFF; position:absolute; top:40%; left:50%;
  transition-property: top;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: top;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  /* Safari and Chrome */
  -webkit-transition-property: top;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: top;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease;
}
.zoomMaps p i{font-size:64px;}
.zoomMaps:hover{opacity:1; cursor:pointer;}
.zoomMaps:hover p{top:50%;}

.notesDiv{width:auto; height:auto; margin:20px 0 0 0; color:#00ff9d;}
.notesDiv h1{font-size:20px; font-weight:bold; margin:0 0 8px 0;}
.notesDiv ul{font-size:14px;}

.dataListTop{height:80px;}
.dataListTitle{max-width:1400px; height:auto; margin:0 auto 0 auto; padding:0 20px;}
.dataListTitle div{border-bottom:1px solid #DDD; text-transform:uppercase; font-size:24px; padding:0 0 15px 0; margin:0 0 20px 0;}

.homeListTitle{max-width:1400px; height:auto; margin:80px auto 0 auto; padding:0 20px;}
.homeListTitle div{text-transform:uppercase; font-size:24px; padding:0 0 15px 0; margin:0 0 20px 0;}

.taskLinks{max-width:1400px; height:auto; margin:80px auto 0 auto; padding:0 20px;}
.taskLinks div{background-color:#F9F9F9; padding:20px;}
.taskLinks h6{width:35px;}
.taskLinks div li h1{font-size:18px; font-weight:bold; margin:2px 0 0 0;}
.taskLinks div li h2{font-size:12px; margin:2px 0 0 0; height:34px; line-height:16px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; color:#aaa;}
.taskLinks div ul{width:65px; position:relative; margin:0 20px 0 0;}
.taskLinks div ul p{width:65px; height:65px; line-height:65px; border-radius:100%; text-align:center; position:absolute;}
.taskLinks div ul .ttA{color:#333;}
.taskLinks div ul .ttA i{font-size:60px; color:#00ff9d;}
.taskLinks div ul .ttB{background-color:#00ff9d; color:#000; opacity:0;}
.taskLinks div ul .ttB i{font-size:40px;}
.taskLinks div:hover .ttA{opacity:0;}
.taskLinks div:hover .ttB{opacity:1;}
.taskLinks div:hover{cursor:pointer; background-color:#FFF; box-shadow:5px 5px 15px rgba(0,0,0,0.2);}

.NuebestUnion{max-width:1400px; height:auto; margin:120px auto 0 auto; padding:0 20px;}
.NuebestUnion .nuBg{width:auto; height:400px; background-color:#00ff9d; position:relative;}
.NuebestUnion .nuImg{width:55%; height:400px; background-color:#F9F9F9; top:-40px; left:40px; position:absolute; box-shadow:5px 5px 15px rgba(0,0,0,0.2); background-size:cover; background-position:center center; background-repeat:no-repeat;}
.NuebestUnion .nuText{width:40%; height:400px; top:0; right:0; position:absolute;}
.NuebestUnion .nuText div{padding:50px; color:#FFF;}
.NuebestUnion .nuText div h1{font-size:24px; font-weight:bold;}
.NuebestUnion .nuText div h2{font-size:14px; line-height:180%; margin:30px 0;}
.NuebestUnion .nuText div ul{font-size:12px; word-wrap:break-word; line-height:180%; width:90%;}
.NuebestUnion .nuText div ul a{color:#FFF;}
.NuebestUnion .nuText div ul a:hover{text-decoration:underline;}
.NuebestUnion .nuText div ul span{color:#A0773A; margin:0 10px;}

.piTitle{position: absolute; top: 50%; left: 100px; font-size: 72px; font-weight: bold; color: #ffffff;}

.typemenu{max-width:1400px; height:auto; margin:-30px auto 40px auto; padding:0 20px; overflow:auto; position:relative; text-transform:uppercase; z-index:1;}
.typemenu div ul{text-align:right;}
.typemenu div ul li{font-size:12px; margin:8px 0 0 20px; cursor:pointer; display:inline-block; position:relative;}
.typemenu div ul li:hover{color:#00ff9d; cursor:pointer;}
.typemenu div ul li.hover{color:#00ff9d; cursor:default; border-bottom:2px solid #00ff9d;}

.dataList{max-width:1400px; height:auto; margin:0 auto 0 auto; padding:0 20px;}
.dataList div{width:100%; height:auto; overflow:hidden;}
.dataList div ul{width:102%; height:auto; display:inline-block;}
.dataList div ul li{float:left; width:23%; margin:0 2% 40px 0; cursor:pointer;}
.dataList div ul li h6{width:auto; height:220px; background-color:#EEE; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; overflow:hidden;}
.dataList div ul li h6 .type{width:100%; height:100%; position:absolute; top:0; left:0; opacity:1; z-index:1;}
.dataList div ul li h6 .type img{width:auto; height:25%; margin:10px 0 0 10px;}
.dataList div ul li h6 .type span{position:absolute; top:50%; left:50%; color:#FFF;}
.dataList div ul li h6 .type span i{font-size:42px;}
.dataList div ul li h6 .tips{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(0,255,157,.6); color:#FFF; opacity:0; background-size:cover; background-repeat:no-repeat; background-position:center center;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  /* Safari and Chrome */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease;
}

.dataList div ul li h6 .tips span{position:absolute; top:50%; left:50%; font-size:16px; text-transform:uppercase;}
.dataList div ul li:hover .type{opacity:0;}
.dataList div ul li:hover .tips{opacity:1;}
.dataList div ul li:hover h1{color:#00ff9d}
.dataList div ul li:hover h2{color:#00ff9d}
.dataList div ul li h1{font-size:16px; margin:15px 0 0 0; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dataList div ul li h2{font-size:12px; margin:5px 0 0 0; height:34px; line-height:16px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; color:#aaa;}
.dataList div ul li h3{font-size:12px; margin:5px 0 0 0; color:#aaa; text-transform:uppercase; height:16px; line-height:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dataList div ul li h3 span{margin:0 5px 0 0;}
.dataList div ul li h3 b{color:#00ff9d;}
.dataList div ul li h3 s{color:#999; margin:0 0 0 10px;}
.dataList div ul li h5{font-size:12px; margin:5px 0 0 0; padding:5px 0 0 0; text-transform:uppercase; border-top:1px solid #EEE;}
.dataList div ul li h5 span{color:#fc7055;}
.dataList div ul li h5 span:hover{text-decoration:underline;}

.videoPlayer{width:100%; height:auto; position:relative; font-size:0; margin:0 0 30px 0;}
.videoPlayer video{width:100%; height:auto; position:relative; z-index:1;}
.videoPlayer .videoBtn{width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; z-index:2;}
.videoPlayer .videoBtn .icon{width:80px; height:80px; line-height:80px; text-align:center; color:#FFF; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px;}
.videoPlayer .videoBtn .icon i{font-size:64px;}

.viewMore{margin:20px 0 50px 0; text-align:center;}
.viewMore button{font-size:14px; padding:10px 30px; background-color:#333; color:#FFF; text-transform:uppercase;}
.viewMore button:hover{background-color:#555; cursor:pointer;}

.noMore{margin:20px 0 50px 0; text-align:center;}
.noMore li{font-size:14px; padding:10px 30px; border:1px #EEE solid; color:#CCC; text-transform:uppercase; display:inline-block;}

.content{max-width:1400px; height:auto; margin:0 auto 50px auto; padding:0 20px;}
.content .contDiv{width:auto; height:auto; margin:0 0 80px 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.content .contRight{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.content .contLeft{text-align: right; margin:0 0 0 25px;}
.content .contT{font-size:48px; font-weight:bold;}
.content .contD{font-size:12px; text-transform:uppercase; color:#aaa; padding:0 0 0 2px; margin:2px 0 0 0;}
.content .contD span{margin:0 15px;}
.content .contD a{margin:0 5px 0 0;}
.content .contC{font-size:12px; text-transform:uppercase; color:#aaa; margin:10px 0 0 0;}
.content .contC li{margin:0 0 5px 0; font-size:12px;}
.content .contC p span{-webkit-transform:scale(0.8); font-size:9px;}
.content .contM{margin:50px 0; padding:18px 0; border-top:1px solid #EEE; word-wrap:break-word;}
.content .contM li{font-size:12px; color:#aaa; margin:0 0 5px 0;}
.content .contM li span{margin:0 10px 0 0; color:#333;}
.content .contL{margin:20px 0 0 0;}
.content .contL button{font-size:12px; padding:8px 15px; background-color:#333; color:#FFF; text-transform:uppercase;}
.content .contL button:hover{background-color:#555; cursor:pointer;}
.content div p{line-height:160%;}
.content div img{max-width:100%; height:auto; margin:0 0 -4px 0;}

.about{position:relative; height:650px; background-size:cover; background-color:#EEE; background-position:center center; background-repeat:no-repeat;}
.about:hover div{opacity:1;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  /* Safari and Chrome */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease;
}
.about div{position:absolute; z-index:2; width:100%; height:100%; background:rgba(0,255,157,.4); color:#FFF; opacity:0;}
.about div ul{position:absolute; bottom:40px; right:40px;}
.about div ul li{text-align:right; margin:0 10px 0 0;}
.about div ul li h1{font-size:14px; margin:0 1px 0 0;}
.about div ul li h1 span{margin:0 0 0 5px;}
.about div ul li h2{font-size:12px;}
.about div ul li h2 span{-webkit-transform:scale(0.8); font-size:9px;}
.about div ul p{width:35px; height:35px; line-height:35px; text-align:center; border:1px solid #FFF;}
.about div ul p i{font-size:24px;}
.about img{position:relative; z-index:1;}

.caList{width:auto; height:auto; font-size:0; position:relative; z-index:1; margin:40px 0 0 0;}
.caList a{position:relative; display:block; position:relative; z-index:1; background-color:#FFF; box-shadow:1px 1px 5px rgba(0,0,0,0.15);}
.caList a img{max-width:100%; height:auto;}
.caList a:hover{box-shadow:1px 1px 6px rgba(0,0,0,0.3);}

.buyTool{width:100%; height:auto; padding:0; position:fixed; bottom:50px; z-index:1;}
.buyTool .btDiv{max-width:1400px; height:auto; margin:0 auto 0 auto; padding:0 20px;}
.buyTool .btDiv div{max-width:300px;}
.buyTool .buyBtn{font-size:16px; color:#FFF; height:46px; line-height:46px; padding:0 15px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); cursor:pointer;}
.buyTool .favoriteBtn{text-align:center; font-size:16px; background-color:#FFF; width:46px; height:46px; line-height:46px;  color:#CCC; margin:0 0 0 10px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); cursor:pointer;}
.buyTool .favoriteBtn i{font-size:24px;}

.goodsBuy{width:auto; height:auto;}
.goodsBuy .gImg{width:90px; height:90px; background-color:#EEE; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.goodsBuy .gInfo{margin:0 0 0 20px; border-bottom:1px solid #EEE;}
.goodsBuy .gInfo h1{font-size:16px; margin:3px 0 0 0;}
.goodsBuy .gInfo h2{font-size:14px; color:#00ff9d; margin:5px 0 0 0;}
.goodsBuy .gInfo h3{font-size:14px; color:#CCC;}
.goodsBuy .gInfo h2 b{font-size:20px;}
.goodsBuy .gType{margin:20px 0 0 0;}
.goodsBuy .gType ul{font-size:14px; display:inline-block; width:100%;}
.goodsBuy .gType ul span{display:block; float:left; padding:3px 0; margin:5px 10px 0 0;}
.goodsBuy .gType ul p{display:block; float:left; margin:5px 10px 0 0; border:1px solid #DDD; padding:3px 8px;}
.goodsBuy .gType ul p:hover{background-color:#DDD; cursor:pointer;}
.goodsBuy .gType ul p.hover{background-color:#00ff9d; border:1px solid #00ff9d; color:#FFF; cursor:default;}
.goodsBuy .gQty{margin:10px 0 0 0;}
.goodsBuy .gQty span{font-size:12px; color:#999;}
.goodsBuy .gQty span b{font-weight:normal;}
.goodsBuy .gQty ul{font-size:14px; display:inline-block; width:100%;}
.goodsBuy .gQty ul span{display:block; float:left; padding:3px 0; margin:5px 10px 0 0;}
.goodsBuy .gQty ul div{display:block; float:left; margin:5px 10px 0 0; }
.goodsBuy .gQty ul li input{height:27px; width:50px; text-align:center; font-size:16px; font-weight:bold; background-color:#FFF; box-shadow:1px 1px 5px rgba(0,0,0,0.2) inset; padding:0; border:0;}
.goodsBuy .gQty ul li p{width:27px; height:27px; line-height:26px; background-color:#333; color:#FFF; font-size:16px; text-align:center;}
.goodsBuy .gQty ul li p:hover{background-color:#666; cursor:pointer;}
.goodsBuy .gQty ul li p.hover{background-color:#CCC; cursor:default;}
.goodsBuy .gBtn div{margin:20px 0 0 0;}
.goodsBuy .gBtn div ul p{width:10px;}
.goodsBuy .gBtn div ul li{text-align:center; font-size:14px; height:40px; line-height:40px; cursor:pointer;}

.shoppingCart{max-width:1400px; height:auto; margin:0 auto 50px auto; padding:0 20px;}
.cartList{width:auto; height:auto;}
.cartList .goodsList{border-bottom:1px solid #EEE; padding:0 0 20px 0; margin:0 0 20px 0;}
.cartList .gSelect{width:auto; height:auto; line-height:100px; padding:0 20px 0 0; color:#AAA;}
.cartList .gSelect:hover{color:#333; cursor:pointer;}
.cartList .gSelect.hover{color:#333;}
.cartList .gSelect i{font-size:20px;}
.cartList .gImg{width:100px; height:100px; background-color:#EEE; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 20px 0 0;}
.cartList .gType h1{font-size:18px; margin:5px 0 0 0;}
.cartList .gType h2{font-size:16px; color:#00ff9d; margin:10px 0 5px 0;}
.cartList .gType h2 b{font-size:18px;}
.cartList .gType h2 s{color:#AAA; font-size:14px; margin:0 0 0 10px;}
.cartList .gType h2 span{float:right; color:#AAA;}
.cartList .gType h2 .gNum{color:#AAA;}
.cartList .gType h2 .gEdit{color:#00ff9d;}
.cartList .gType h3{font-size:14px; color:#AAA;}
.cartList .gType h3 span{color:#333;}
.cartList .gType h3 b{color:#00ff9d; font-weight:normal; margin:0 0 0 10px; text-decoration:underline; cursor:pointer;}
.cartList .gType h3 b:hover{text-decoration:none;}
.cartList .gType h3 strong{float:right; color:#fc7055; font-weight:normal; text-decoration:underline; cursor:pointer;}
.cartList .gType h3 strong:hover{text-decoration:none;}
.cartList .gQty{margin:10px 0 0 0; height:30px; line-height:30px;}
.cartList .gQty p{width:30px; text-align:center; border:1px solid #EEE;}
.cartList .gQty h6{border-top:1px solid #EEE; border-bottom:1px solid #EEE; text-align:center; line-height:30px; font-size:14px;}
.cartList .gSpec{height:26px; line-height:26px; border-left:1px solid #EEE; border-right:1px solid #EEE; border-bottom:1px solid #EEE; background-color:#FAFAFA;}
.cartList .gSpec h6{padding:0 0 0 10px;}
.cartList .gSpec p{width:26px; height:26px; line-height:26px; text-align:center;}

.cartTotal{width:auto; height:auto; border-bottom:1px solid #EEE; padding:0 0 20px 0;}
.cartTotal div{width:auto; height:auto; line-height:45px; margin:0 20px 0 0;}
.cartTotal div .cCtrl .ccSelect{margin:0 20px 0 0; cursor:pointer; color:#AAA;}
.cartTotal div .cCtrl .ccSelect span{margin:0 0 0 20px; color:#333;}
.cartTotal div .cCtrl .ccSelect:hover span{text-decoration:underline;}
.cartTotal div .cCtrl .ccSelect:hover{color:#333;}
.cartTotal div .cCtrl .ccSelect.hover{color:#333;}
.cartTotal div .cCtrl .ccSelect i{font-size:20px;}
.cartTotal div .cCtrl .ccFavorite{margin:0 20px 0 0; cursor:pointer; color:#00ff9d;}
.cartTotal div .cCtrl .ccFavorite:hover{text-decoration:underline;}
.cartTotal div .cCtrl .ccDelete{margin:0 20px 0 0; color:#fc7055;}
.cartTotal div .cCtrl .ccDelete:hover{text-decoration:underline; cursor:pointer;}
.cartTotal div .cTotal{text-align:right;}
.cartTotal div .cTotal span{margin:0 15px 0 0;}
.cartTotal div .cTotal span strong{color:#00ff9d;}
.cartTotal div .cTotal span b{color:#00ff9d; font-size:18px;}
.cartTotal button{font-size:16px; width:160px; height:46px;}

.goodsEdit{width:auto; height:auto; border-bottom:1px solid #EEE; padding:0 0 20px 0;}
.goodsEdit p{width:10px;}
.goodsEdit .goodsMif{font-size:16px; width:auto; height:46px;}
.goodsEdit .goodsDele{font-size:16px; width:auto; height:46px;}

.account{max-width:1400px; height:auto; margin:0 auto 50px auto; padding:0 20px;}
.account .profile{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.account .profile h6{width:200px; height:200px; line-height:200px; background-size:cover; border-radius:100%; background-position:center center; margin:0 30px 0 0; position:relative; overflow:hidden; text-align:center; color:#FFF;}
.account .profile h6 p{background:rgba(0,0,0,0.7); opacity:0;}
.account .profile h6 p i{font-size:48px;}
.account .profile h6:hover p{opacity:1; cursor:pointer;}
.account .profile ul{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.account .profile ul h1{font-size:32px; margin:10px 0 15px 0;}
.account .profile ul li{border-bottom:1px solid #EEE; padding:15px 0 5px 0;}
.account .profile ul li:hover{border-bottom:1px solid #00ff9d; cursor:pointer;}
.account .profile ul li h2{font-size:20px;}
.account .profile ul li span{color:#333;}
.account .profile ul li b{font-weight:normal;}
.account .profile ul h5{font-size:20px; color:#fc7055; padding:15px 0 5px 0; text-transform:uppercase;}
.account .profile ul h5:hover{text-decoration:underline; cursor:pointer;}

.account .addressList{border-top:1px solid #EEE; border-left:1px solid #EEE; margin:0 0 15px 0;}
.account .addressList div ul{border-right:1px solid #EEE; border-bottom:1px solid #EEE; padding:20px;}
.account .addressList div ul:hover{background-color:#FAFAFA;}
.account .addressList div h6{color:#CCC;}
.account .addressList div h6 i{font-size:20px;}
.account .addressList div h6.hover{color:#fc7055;}
.account .addressList div li{margin:0 0 0 10px;}
.account .addressList div li h1{font-size:16px;}
.account .addressList div li h1 b{margin:0 15px 0 0;}
.account .addressList div li h2{font-size:14px; color:#999;}
.account .addressList div p{font-size:14px; margin:0 0 0 15px;}
.account .addressList div p:hover{color:#00ff9d; cursor:pointer;}
.account .addressList div p.hover{color:#CCC; cursor:default;}
.account .addressAdd{border:1px dashed #00ff9d; color:#00ff9d; text-align:center; line-height:46px;}
.account .addressAdd:hover{border:1px solid #00ff9d; cursor:pointer;}

.account .notice{width:auto; height:auto;}
.account .notice div ul{width:auto; height:auto; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #EEE;}
.account .notice div ul:hover{border-bottom:1px solid #00ff9d; cursor:pointer;}
.account .notice div ul h6{color:#CCC;}
.account .notice div ul h6 i{font-size:24px;}
.account .notice div ul.hover h6{color:#fc7055;}
.account .notice div ul li h1{font-size:18px; margin:0 0 5px 0;}
.account .notice div ul li h2{font-size:14px; color:#aaa;}

.orderList{max-width:1400px; height:auto; margin:0 auto 50px auto; padding:0 20px;}
.orderList .order{width:auto; height:auto; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #EEE;}
.orderList .order:hover{border-bottom:1px solid #00ff9d; cursor:pointer;}
.orderList .order h6{padding:0 20px 0 0;}
.orderList .order h6 i{font-size:24px;}
.orderList .order ul h1{font-size:18px; margin:0 0 5px 0;}
.orderList .order ul h2{font-size:14px; color:#aaa;}
.orderList .order li{font-size:14px;}
.orderList .oDiv{border:1px dashed #CCC;}
.orderList .oStatus{background-color:#FAFAFA; border-bottom:1px dashed #DDD; padding:15px 20px;}
.orderList .oStatus div li{font-size:16px;}
.orderList .oStatus div ul{font-size:16px; text-align:right;}
.orderList .oStatus div p{opacity:0; margin:0 5px; color:#999;}
.orderList .oDetail{padding:15px 20px 10px 20px; border-bottom:1px solid #EEE;}
.orderList .oDetail ul li{padding:0 0 5px 0; font-size:14px;}
.orderList .oBorder{width:auto; height:4px; background-color:#EEE;}
.orderList .oGoods{padding:20px 20px 5px 20px;}
.orderList .oGoods div{margin:0 0 15px 0;}
.orderList .oGoods div h6{width:100px; height:100px; background-color:#EEE; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 20px 0 0;}
.orderList .oGoods div ul h1{font-size:18px; margin:5px 0 0 0;}
.orderList .oGoods div ul h2{font-size:16px; color:#00ff9d; margin:10px 0 5px 0;}
.orderList .oGoods div ul h2 span{float:right; color:#AAA;}
.orderList .oGoods div ul h3{font-size:14px; color:#AAA;}
.orderList .oGoods div ul h3 span{color:#333;}
.orderList .oCtrl{padding:0 20px 20px 20px; font-size:0;}
.orderList .oCtrl div{width:100%; display:inline-block;}
.orderList .oCtrl div li{width:auto; height:30px; line-height:30px; font-size:14px; color:#999; border:1px solid #DDD; padding:0 15px; float:right; margin:0 0 0 10px;}
.orderList .oCtrl div li:hover{background-color:#DDD; color:#666; cursor:pointer;}
.orderList .oCtrl div li.hover{background-color:#DDD; color:#666; cursor:default;}
.orderList .oTips{width:auto; height:auto;}
.orderList .oTips div{padding:18px 20px; border-top:1px solid #EEE;}
.orderList .oTips div h1{font-size:14px;}
.orderList .oTips div h2{font-size:14px; color:#666; margin:10px 0 0 0;}
.orderList .oBtn{width:240px; height:auto;}
.orderList .oBtn button{font-size:16px; height:46px; text-align:center; margin:20px 0 0 0; cursor:pointer;}

.confirmOrder{max-width:1400px; height:auto; margin:0 auto 50px auto; padding:0 20px;}
.confirmOrder .cmfDiv{border:1px dashed #CCC;}
.confirmOrder .cmfAddress{padding:15px 20px; border-bottom:1px solid #EEE;}
.confirmOrder .cmfAddress:hover{background-color:#FAFAFA;}
.confirmOrder .cmfAddress div h6 i{font-size:20px; color:#fc7055;}
.confirmOrder .cmfAddress div ul{margin:0 0 0 10px;}
.confirmOrder .cmfAddress div ul h1{font-size:16px;}
.confirmOrder .cmfAddress div ul h1 b{margin:0 15px 0 0;}
.confirmOrder .cmfAddress div ul h2{font-size:14px; color:#999;}
.confirmOrder .cmfAddress div p{color:#CCC;}
.confirmOrder .cmfPaytype{padding:15px 20px; border-bottom:1px solid #EEE;}
.confirmOrder .cmfPaytype:hover{background-color:#FAFAFA;}
.confirmOrder .cmfPaytype div h6 i{font-size:18px; color:#22bc2d;}
.confirmOrder .cmfPaytype div ul{margin:0 0 0 10px; font-size:16px;}
.confirmOrder .cmfPaytype div p{color:#CCC;}
.confirmOrder .cmfBorder{width:auto; height:4px; background-color:#EEE;}
.confirmOrder .cmfGoods{padding:20px 20px 5px 20px;}
.confirmOrder .cmfGoods div{margin:0 0 15px 0;}
.confirmOrder .cmfGoods div h6{width:100px; height:100px; background-color:#EEE; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 20px 0 0;}
.confirmOrder .cmfGoods div ul h1{font-size:18px; margin:5px 0 0 0;}
.confirmOrder .cmfGoods div ul h2{font-size:16px; color:#00ff9d; margin:10px 0 5px 0;}
.confirmOrder .cmfGoods div ul h2 span{float:right; color:#AAA;}
.confirmOrder .cmfGoods div ul h2 s{color:#AAA; font-size:14px; margin:0 0 0 10px;}
.confirmOrder .cmfGoods div ul h3{font-size:14px; color:#AAA;}
.confirmOrder .cmfGoods div ul h3 span{color:#333;}
.confirmOrder .cmfExpress{padding:15px 20px; border-top:1px solid #EEE;}
.confirmOrder .cmfExpress div h1{font-size:16px; margin:0 10px 0 0;}
.confirmOrder .cmfExpress div h2{font-size:16px; font-weight:bold; color:#00ff9d;}
.confirmOrder button{font-size:16px; width:auto; padding:0; height:46px; margin:20px 0 0 0;}
.confirmOrder button li{padding:0 15px; line-height:46px; font-size:12px; text-align:left;}
.confirmOrder button li b{font-size:16px;}
.confirmOrder button li span{opacity:0.5; margin:0 0 0 5px;}
.confirmOrder button p{padding:0 15px; font-size:16px; line-height:46px; background:rgba(0,0,0,0.1);}

.union{max-width:1400px; height:auto; margin:0 auto 0 auto; padding:0 20px;}
.union .unionT{margin:0 0 30px 0;}
.union .unionT h1{font-size:24px; text-transform:uppercase; margin:0 0 5px 0;}
.union .unionT h2{font-size:18px;}
.union .unionL{width:100%; height:auto; overflow:hidden;}
.union .unionL div{width:101%; height:auto; display:inline-block;}
.union .unionL div ul{width:19%; margin:0 1% 0 0; float:left; padding:15px 0 0 0;}
.union .unionL div ul li{width:100%; height:auto;}
.union .unionL div ul li h6{width:100%; height:160px; position:relative; background-color:#EEE; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.union .unionL div ul li h6 .tips{width:100%; height:100%; position:absolute; top:0; left:0; background-color:#00ff9d; opacity:0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  /* Safari and Chrome */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease;
}
.union .unionL div ul li h6 .tips span{font-size:12px; position:absolute; top:50%; left:50%; color:#FFF; text-transform:uppercase;}
.union .unionL div ul li:hover .tips{opacity:1; cursor:pointer;}

.task{max-width:1400px; height:auto; margin:0 auto 50px auto; padding:0 20px;}
.task .taskType{width:auto; height:auto;}
.task .taskType div{width:auto; height:auto; border:1px dashed #CCC; padding:25px; margin:0 0 15px 0;}
.task .taskType div ul{width:120px; height:auto; margin:0 25px 0 0; position:relative;}
.task .taskType div ul p{width:120px; height:120px; line-height:120px; border-radius:100%; text-align:center; position:absolute;}
.task .taskType div li{padding:10px 0;}
.task .taskType div li h1{font-size:24px; font-weight:bold; margin:0 0 5px 0;}
.task .taskType div li h2{font-size:14px; line-height:21px; color:#999; height:60px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; }
.task .taskType div:hover{border:1px solid #FFF; cursor:pointer; background-color:#FFF; box-shadow:5px 5px 15px rgba(0,0,0,0.2);}
.task .taskType div .ttA{background-color:#EEE; color:#333;}
.task .taskType div .ttA i{font-size:80px;}
.task .taskType div .ttB{background-color:#00ff9d; color:#000; opacity:0;}
.task .taskType div .ttB i{font-size:66px;}
.task .taskType div:hover .ttA{opacity:0;}
.task .taskType div:hover .ttB{opacity:1;}

.search{max-width:1400px; height:auto; margin:80px auto 50px auto; padding:0 20px;}
.search .searchInput{margin:0 0 45px 0;}
.search .searchInput li{box-shadow:1px 1px 3px rgba(0,0,0,0.1) inset; background-color:#FAFAFA; padding:5px;}
.search .searchInput li input{font-size:16px; padding:8px; color:#333;}
.search .searchInput p{text-align:center; padding:8px 8px 8px 28px;}
.search .searchInput .searchIcon{color:#CCC;}
.search .searchInput .searchClear:hover{cursor:pointer; color:#00ff9d;}
.search .searchResult{margin:0 0 45px 0;}
.search .searchResult h1{font-size:24px; text-transform:uppercase; margin:0 0 5px 0;}
.search .searchResult h1 span{font-weight:bold; color:#00ff9d;}
.search .searchResult h2{font-size:18px;}
.search .searchResult h2 span{font-weight:bold; color:#00ff9d; margin:0 10px 0 0;}

.message{max-width:1400px; height:auto; margin:80px auto 50px auto; padding:0 20px;}
.message div{margin:0 0 45px 0;}
.message div h1{font-size:24px; text-transform:uppercase; margin:0 0 5px 0;}
.message div h2{font-size:18px;}
.message ul li{box-shadow:1px 1px 3px rgba(0,0,0,0.1) inset; background-color:#FAFAFA; padding:5px; margin:0 0 15px 0;}
.message ul li input{font-size:16px; padding:8px; color:#333;}
.message ul li textarea{font-size:16px; padding:8px; height:96px; color:#333; resize:none;}
.message ul p{font-size:12px; color:#ff7bac; margin:-5px 0 15px 0;}
.message button{width:200px; height:50px; background-color:#333; color:#FFF; font-size:16px;}
.message button:hover{background-color:#555;}

.taskForm{max-width:1400px; height:auto; margin:80px auto 50px auto; padding:0 20px;}
.taskForm .taskInfo h1{font-size:24px; text-transform:uppercase; margin:0 0 5px 0; font-weight:bold;}
.taskForm .taskInfo h2{font-size:18px;}
.taskForm .taskInfo h3{font-size:14px; border-top:1px solid #DDD; margin:15px 0 45px 0; padding:15px 0 0 0; color:#999;}

.taskForm .taskFile{width:auto; height:auto; margin:0 0 45px 0;}
.taskForm .taskFile ul li{border:1px solid #EEE; padding:10px; height:24px; margin:0 0 10px 0;}
.taskForm .taskFile ul li:hover{border:1px solid #DDD;}
.taskForm .taskFile ul li p{margin:0 10px 0 0;}
.taskForm .taskFile ul li p i{font-size:24px;}
.taskForm .taskFile ul li button{height:24px; line-height:24px; font-size:12px; padding:0 10px; margin:0 0 0 5px;}
.taskForm .taskFile ul li .reUpload{background-color:#EEE;}
.taskForm .taskFile ul li .reUpload:hover{background-color:#DDD; cursor:pointer;}
.taskForm .taskFile ul li .fileDele{background-color:#fc7055; color:#FFF;}
.taskForm .taskFile ul li .fileDele:hover{opacity:0.8; cursor:pointer;}
.taskForm .taskFile .fileAdd{width:auto; height:24px; line-height:24px; font-size:14px; color:#00ff9d; padding:5px; text-align:center; border:1px dashed #00ff9d;}
.taskForm .taskFile .fileAdd:hover{background-color:#00ff9d; border:1px solid #00ff9d; color:#FFF; cursor:pointer;}
.taskForm .taskFile ul li h2{font-size:16px; line-height:24px;}

.taskForm .taskMsg ul li{box-shadow:1px 1px 3px rgba(0,0,0,0.1) inset; background-color:#FAFAFA; padding:5px; margin:0 0 15px 0;}
.taskForm .taskMsg ul li input{font-size:16px; padding:8px; color:#333;}
.taskForm .taskMsg ul li textarea{font-size:16px; padding:8px; height:96px; color:#333; resize:none;}
.taskForm .taskMsg ul p{font-size:12px; color:#fc7055; margin:-5px 0 15px 0;}
.taskForm .taskMsg button{width:200px; height:50px; background-color:#333; color:#FFF; font-size:16px;}
.taskForm .taskMsg button:hover{background-color:#555;}

.service{max-width:1400px; height:auto; margin:40px auto; padding:0 20px 18px 20px;}
.service h1{font-size:24px; margin:0 0 2px 0; font-weight:bold; text-transform:uppercase;}
.service h2{font-size:20px; text-transform:uppercase;}
.service .stList{width:100%; height:auto; overflow:hidden; margin:25px 0 0 0;}
.service .stList .stlItem{width:101%; height:auto; display:inline-block;}
.service .stList .stlItem div{float:left; width:24%; margin:0 1% 1% 0; cursor:pointer;}
.service .stList .stlItem div ul{border:1px solid #DDD; padding:20px;}
.service .stList .stlItem div ul p{width:60px; height:60px; line-height:60px; text-align:center; margin:0 20px 0 0;}
.service .stList .stlItem div ul p i{font-size:48px;}
.service .stList .stlItem div ul li h3{font-size:16px; margin:2px 0 2px 0; color:#666;}
.service .stList .stlItem div ul li h4{font-size:12px; color:#999; height:32px; line-height:16px; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.service .stList .stlItem div ul:hover{border:1px solid #00ff9d;}
.service .stList .stlItem div ul:hover i{color: #00ff9d;;}

.customers{max-width:1400px; height:auto; margin:-30px auto 50px auto; padding:0 20px 18px 20px;}
.customers h1{font-size:24px; margin:0 0 2px 0; font-weight:bold; text-transform:uppercase; text-align:right;}
.customers h2{font-size:20px; text-transform:uppercase; text-align:right;}
.customers .ctList{width:auto; height:auto; margin:25px 0 0 0;}
.customers .ctList div{width:100%; display:inline-block;}
.customers .ctList div ul{width:10%; height:auto; float:left;}
.customers .ctList div ul li{border-bottom:1px solid #DDD; text-align:center; font-size:0;}
.customers .ctList div ul li img{width:100%; height:auto;}

.tool{width:auto; height:auto; position:fixed; bottom:50px; right:50px; z-index:2;}
.tool ul{width:46px; height:46px; line-height:46px; border-radius:100%; text-align:center; position:relative;}
.tool ul li{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
.tool ul li i{font-size:18px;}
.tool ul p{color:#ff7bac; line-height:10px; position:absolute; top:2px; right:-8px; z-index:3;}
.tool ul p i{font-size:32px;}

.tool .btn ul{background-color:#FFF; color:#CCC; margin:10px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.tool .btn ul:hover{background-color:#FAFAFA; color:#AAA; cursor:pointer;}

.tool .cart ul{background-color:#FFF; color:#CCC; margin:10px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.tool .cart ul:hover{background-color:#FAFAFA; color:#AAA; cursor:pointer;}
.tool .cart ul div{width:20px; height:20px; line-height:18px; background-color:#fc7055; color:#FFF; border-radius:100%; position:absolute; top:2px; right:-8px; z-index:3;}
.tool .cart ul div span{-webkit-transform:scale(0.9); font-size:10px;}

.tool .cont ul{background-color:#00ff9d; color:#333; margin:20px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.tool .cont ul:hover{background-color:#00ff9d; cursor:pointer;}
.tool .cont ul div{width:100%; height:100%; position:absolute; top:-17px; left:-17px; z-index:1;}

.winbg{width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(255,255,255,.9); text-align:center; overflow:auto; -webkit-overflow-scrolling:touch; z-index:8888; cursor:pointer; display:none;}
.win{margin:0 auto; display:none; position:relative; top:50%; cursor:default; z-index:9999;}
.mainDiv{background-color:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.2); border-radius:0; margin:20px; text-align:left;}
.mainDiv .title{width:auto; height:50px;}
.mainDiv .title ul{width:auto; height:50px; line-height:50px; padding:0 0 0 30px;}
.mainDiv .title ul b{font-weight:normal; margin:0 15px 0 0; color:#4888F2; cursor:pointer;}
.mainDiv .title ul span{margin:0 5px 0 0; color:#999; font-size:14px;}
.mainDiv .title ul p{width:50px; height:50px; line-height:50px; text-align:center; color:#CCC; float:right; cursor:pointer;}
.mainDiv .title ul p:hover{color:#333;}
.mainDiv .title ul p i{font-size:14px;}
.mainDiv .data{padding:0 30px 30px 30px;}

.shareBtn{position:fixed; bottom:15px;}
.shareWin{max-width:350px;}
.contusWin{max-width:500px;}
.languageWin{max-width:500px;}
.specWin{max-width:600px;}
.epsWin{max-width:600px;}
.refundWin{max-width:500px;}
.alertWin{max-width:500px;}
.addAddWin{max-width:600px;}
.editAddWin{max-width:600px;}
.selectAddWin{max-width:600px;}
.iconWin{max-width:400px;}
.nameWin{max-width:600px;}
.mobileWin{max-width:600px;}
.mailWin{max-width:600px;}
.wechatWin{max-width:400px;}
.payWin{max-width:350px;}
.fileAddWin{max-width:600px;}

.languageSet{width:auto; height:auto; padding:0 20px 20px 20px;}
.languageSet ul{border-top:1px solid #EEE; border-left:1px solid #EEE;}
.languageSet ul li{border-bottom:1px solid #EEE; border-right:1px solid #EEE; text-align:center; height:45px; line-height:45px; font-size:14px;}
.languageSet ul li:hover{color:#00ff9d; cursor:pointer;}
.languageSet ul li.hover{color:#FFF; background-color:#00ff9d; cursor:default;}

.fileAdd{width:auto; height:auto;}
.fileAdd h1{font-size:16px; margin:0 0 20px 0;}
.fileAdd ul{border:1px dashed #CCC; color:#999; background-color:#F9F9F9; margin:0 0 10px 0;}
.fileAdd ul:hover{cursor:pointer; border:1px solid #CCC; color:#666;}
.fileAdd ul p{width:100%; height:38px; line-height:38px; font-size:14px; text-align:center; position:relative; z-index:1;}
.fileAdd ul p input{width:100%; height:38px; padding:0; position:absolute; z-index:2; opacity:0; top:0; left:0;}
.fileAdd li{border:1px solid #DDD; margin:0 0 10px 0;}
.fileAdd li input{font-size:14px; padding:8px 15px;}
.fileAdd h6{margin:0 0 10px 0; font-size:14px;}
.fileAdd h6 i{font-size:14px; margin:0 0 0 0; color:#22bc2d;}
.fileAdd div button{width:auto; height:40px;}

.prof{width:auto; height:auto;}
.prof h1{font-size:16px;}
.prof h2{font-size:14px; color:#999; border-top:1px solid #DDD; padding:15px 0 0 0; margin:15px 0 0 0;}
.prof h2 span{color:#00ff9d;}
.prof ul{margin:0 0 15px 0;}
.prof ul li{border-bottom:1px solid #DDD; margin:15px 0 0 0;}
.prof ul li:hover{border-bottom:1px solid #00ff9d;}
.prof ul li input{font-size:14px; color:#00ff9d; padding:0; margin:0 10px 0 0; height:30px;}
.prof ul li p{font-size:14px; line-height:30px; color:#00ff9d;}
.prof ul li p:hover{color:#666; cursor:pointer;}
.prof ul li p.hover{color:#CCC; cursor:default;}
.prof ul h4{color:#fc7055; font-size:12px; margin:5px 0 0 0;}
.prof ul h4 span{color:#00ff9d; margin:0 5px;}
.prof div button{width:200px; height:40px; font-size:14px;}
.prof div p{width:10px;}
.prof .wechatQr{border:1px dashed #DDD; padding:10px; margin:18px 0 0 0; font-size:0;}
.prof .wechatQr img{width:100%; height:auto;}
.prof .iconImg{border:1px dashed #DDD; padding:10px; margin:18px 0 0 0; font-size:0;}
.prof .iconImg img{width:100%; height:auto;}
.prof .uploadIcon{width:100%; position:relative; z-index:1; border:1px dashed #DDD; margin:10px 0; line-height:38px; text-align:center; color:#666;}
.prof .uploadIcon i{font-size:24px;}
.prof .uploadIcon:hover{border:1px solid #00ff9d; color:#00ff9d; cursor:pointer;}
.prof .uploadIcon input{width:100%; height:40px; padding:0; position:absolute; z-index:2; opacity:0; top:0; left:0; cursor:pointer;}

.pageQr{width:auto; height:auto; padding:0 20px 20px 20px;}
.pageQr div{text-align:center;}
.pageQr div p img{width:100%; height:auto;}
.pageQr div ul{font-size:12px; margin:20px 0 5px 0;}
.pageQr div li{font-size:14px; color:#CCC;}

.eps{width:auto; height:auto;}
.eps .epsInfo div p{width:60px; height:60px; margin:0 15px 0 0;}
.eps .epsInfo div p img{width:100%; height:auto;}
.eps .epsInfo div ul h1{font-size:14px; margin:2px 0 0 0;}
.eps .epsInfo div ul h2{font-size:14px;}
.eps .epsInfo div ul h3{font-size:14px;}
.eps .epsTrack{border-top:1px solid #EEE; padding:15px 0 10px 0; margin:15px 0 0 0; font-size:14px;}

.alert{width:auto; height:auto;}
.alert h1{font-size:16px; border-bottom:1px solid #DDD; padding:0 0 15px 0; margin:0 0 15px 0;}
.alert h2{font-size:14px; margin:0 0 20px 0;}
.alert button{width:auto; height:40px; font-size:14px;}
.alert p{width:10px;}

.refund{width:auto; height:auto;}
.refund button{width:200px; height:40px; font-size:14px;}
.refund h1{font-size:16px; margin:0 0 15px 0;}
.refund h2{font-size:14px; margin:0 0 20px 0; padding:15px 0 0 0; border-top:1px solid #DDD;}
.refund h2 span{margin:0 20px 0 0;}
.refund h2 span:hover{cursor:pointer;}
.refund h2 span.hover{color:#00ff9d; cursor:default;}
.refund ul{border-bottom:1px solid #DDD; margin:15px 0 0 0;}
.refund ul:hover{border-bottom:1px solid #00ff9d;}
.refund ul h3{font-size:14px; line-height:30px;}
.refund ul input{font-size:14px; color:#00ff9d; padding:0; margin:0 5px; height:30px;}
.refund ul p{font-size:12px; line-height:30px; color:#999;}
.refund li{border-bottom:1px solid #DDD; margin:10px 0 15px 0;}
.refund li:hover{border-bottom:1px solid #00ff9d;}
.refund li h3{font-size:14px; line-height:30px;}
.refund li h3.hover{color:#00ff9d;}
.refund li input{font-size:14px; color:#00ff9d; padding:0; margin:0 5px; height:30px;}

.add{width:auto; height:auto;}
.add h1{font-size:16px; margin:0 0 15px 0;}
.add h1 span{text-transform:uppercase; font-size:14px; color:#fc7055; float:right; cursor:pointer;}
.add h1 span:hover{text-decoration:underline;}
.add ul{margin:0 0 15px 0;}
.add ul li{border-bottom:1px solid #DDD; margin:15px 0 0 0;}
.add ul li:hover{border-bottom:1px solid #00ff9d;}
.add ul li h2{font-size:14px; line-height:30px;}
.add ul li input{font-size:14px; color:#00ff9d; padding:0; margin:0 0 0 10px; height:30px;}
.add ul li h3{font-size:14px; color:#999; margin:0 0 0 10px; line-height:30px;}
.add ul li h3.hover{color:#00ff9d;}
.add ul li textarea{width:100%; height:46px; padding:11px 0; border:0; font-size:14px; color:#00ff9d; resize:none; overflow:hidden;}
.add div button{width:200px; height:40px; font-size:14px;}
.add div p{width:10px;}

.area{width:auto; height:auto;}
.area h1{font-size:16px; margin:0 0 15px 0;}
.area h2{font-size:16px; margin:0 0 15px 0; color:#CCC;}
.area h2 span{cursor:pointer; padding:0 15px 0 0; color:#333;}
.area h2 span:hover{color:#00ff9d;}
.area h2 b{font-weight:normal; color:#00ff9d;}
.area div{width:auto; height:auto;}
.area div ul{width:100%; height:240px; overflow:auto; -webkit-overflow-scrolling:touch; overflow-x:hidden;}
.area div ul li{width:100%; height:40px; line-height:40px; border-bottom:1px solid #DDD; font-size:14px; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.area div ul li:hover{color:#00ff9d; border-bottom:1px solid #00ff9d;}
.area div ul li.hover{color:#00ff9d; border-bottom:1px solid #00ff9d;}

.selectType{width:auto; height:auto; border:1px solid #DDD; position:relative;}
.selectType:hover{border:1px solid #00ff9d;}
.selectType p{line-height:46px; margin:0 16px 0 0; position:absolute; right:0;}
.select{height:46px; padding:0 15px 0 15px; line-height:46px; font-size: 14px; position:relative;}
.select label{font-size:14px; z-index:5; line-height:46px; height:46px; display: block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.select .select{width:100%; z-index:4;position:absolute;top:0;left:0;margin:0;padding:0;opacity:0; *margin-top:12px; filter:alpha(opacity=0); font-size:14px;}

.contus{width:auto; height:auto;}
.contus .contT{width:auto; height:auto; margin:0 0 25px 0;}
.contus .contT h1{font-weight:bold; font-size:24px;}
.contus .contT h2{font-size:16px;}
.contus .contL ul{padding:10px; box-shadow:1px 1px 3px rgba(0,0,0,0.06); background-color:#FFF; margin:10px 0 0 0;}
.contus .contL ul:hover{cursor:pointer; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.contus .contL ul h6{width:50px; height:50px; line-height:50px; border-radius:100%; text-align:center; color:#FFF; margin:0 15px 0 0;}
.contus .contL ul h6 i{font-size:20px;}
.contus .contL ul li h1{font-size:18px; margin:2px 0 0 0; color:#333;}
.contus .contL ul li h2{font-size:14px; color:#aaa;}
.contus .contL .bgcPhone{background-color:#00ff9d;}
.contus .contL .bgcEmail{background-color:#0000ff;}
.contus .contL .bgcMessage{background-color:#ff7bac;}

.closeTips{width:600px; height:350px; position:absolute; top:50%; left:50%; margin:-200px 0 0 -300px;}
.closeTips div{text-align:center;}
.closeTips div h1{font-size:20px; margin:0 0 10px 0;}
.closeTips div h2{font-size:14px; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #EEE;}
.closeTips div h3{font-size:24px; margin:0 0 10px 0;}
.closeTips div h3 i{font-size:24px; margin:0 10px 0 0;}
.closeTips div h5{font-size:12px; margin:20px 0 5px 0; padding:20px 0 0 0; border-top:1px solid #EEE;}
.closeTips div h6{font-size:12px;}
.closeTips .logo{margin:0 0 30px 0; text-align:center;}
.closeTips .logo i{font-size:80px;}
.closeTips .logo img{height:80px; width:auto;}

.mapsBanner{position:fixed; top:50px; left:50px; z-index:1000;}
.mapsBanner div p{width:50px; height:50px; line-height:50px; text-align:center; background-color:#FFF; box-shadow:1px 1px 5px rgba(0,0,0,0.4); margin:0 0 15px 0;}
.mapsBanner div p i{font-size:18px;}
.mapsBanner div p:hover{background-color:#333; color:#FFF; cursor:pointer;}

.favoriteAnimation{
  -webkit-animation: favorite 0.5s 1 forwards ease;
  animation: favorite 0.5s 1 forwards ease;
}

@keyframes favorite
{
  0% {font-size: 24px;}
  50% {font-size: 32px;}
  100% {font-size: 24px;}
}

@-moz-keyframes favorite /* Firefox */
{
  0% {font-size: 24px;}
  50% {font-size: 32px;}
  100% {font-size: 24px;}
}

@-webkit-keyframes favorite /* Safari and Chrome */
{
  0% {font-size: 24px;}
  50% {font-size: 32px;}
  100% {font-size: 24px;}
}

@-o-keyframes favorite /* Opera */
{
  0% {font-size: 24px;}
  50% {font-size: 32px;}
  100% {font-size: 24px;}
}

@media screen and (max-width: 1920px) {
  .pagesimg .item{height:550px;}
  .maps{height:550px;}
  .mapsmini{height:200px;}
  .zoomMaps p i{font-size:48px;}

  .about{height:550px;}

  .topDiv{max-width:1150px;}
  .dataListTitle{max-width:1150px;}
  .homeListTitle{max-width:1150px;}
  .taskLinks{max-width:1150px;}
  .NuebestUnion{max-width:1150px;}

  .dataList{max-width:1150px;}
  .dataList div ul{width:103.33%; height:auto; display:inline-block;}
  .dataList div ul li{float:left; width:30%; margin:0 3.33% 40px 0; cursor:pointer;}

  #content p{font-size:14px;}
  .content{max-width:1150px;}
  .content .contT{font-size:40px;}

  .union{max-width:1150px;}
  .union .unionL div{width:101%; height:auto; display:inline-block;}
  .union .unionL div ul{width:19%; margin:0 1% 0 0; float:left; padding:12px 0 0 0;}
  .union .unionL div ul li h6{height:140px;}

  .task{max-width:1150px;}

  .piTitle{left: 80px; font-size: 64px;}

  /* message box style*/

  .e-msg-bar {
    background-color: #12C994;
    position: fixed;
    z-index: 1000000;
    top: 0;
    width: 100%;
    height: auto;
    line-height: 1.8;
    padding: 13px 0px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    transition: all ease-in-out 2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .alert-error {
    background-color: #F06962 !important;
  }
  .alert-info {
    background-color: #00c0ef !important;
  }
  .alert-warning {
    background-color: #f39c12 !important;
  }
  .alert-success {
    background-color: #12C994 !important;
  }
  @-webkit-keyframes fadeInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  @-webkit-keyframes fadeOutUp {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }
  @keyframes fadeOutUp {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }
  .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
  }
  .animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  /*message box style end*/

  .typemenu{max-width:1150px; margin:0 auto 40px auto;}
  .buyTool .btDiv{max-width:1150px;}
  .shoppingCart{max-width:1150px;}
  .account{max-width:1150px;}
  .orderList{max-width:1150px;}
  .confirmOrder{max-width:1150px;}
  .search{max-width:1150px;}
  .message{max-width:1150px;}
  .taskForm{max-width:1150px;}
  .service{max-width:1150px;}
  .customers{max-width:1150px;}
  .form{max-width:1150px;}
}

@media screen and (max-width: 1400px) {
  .top{padding:70px 0;}
  .pagesimg .item{height:500px;}
  .maps{height:500px;}
  .mapsmini{height:180px;}
  .zoomMaps p{width:40px; height:40px; line-height:40px;}
  .zoomMaps p i{font-size:40px;}
  .dataListTop{height:70px;}
  .homeListTitle{margin:50px auto 0 auto;}
  .taskLinks{margin:50px auto 0 auto;}
  .NuebestUnion{margin:70px auto 0 auto;}

  .about{height:500px;}

  .content{margin:0 auto 50px auto;}
  .content .contDiv{margin:0 0 70px 0;}
  .content .contD{padding:0 0 0 2px;}

  .about div ul{bottom:35px; right:35px;}

  .union{margin:0 auto 0 auto;}

  .task{margin:0 auto 0 auto;}

  .piTitle{left: 60px; font-size: 48px;}


  .search{margin:70px auto 50px auto;}
  .message{margin:70px auto 50px auto;}
}

@media screen and (max-width: 1200px) {
  .top{padding:50px 0;}
  .pagesimg .item{height:460px;}
  .maps{height:460px;}
  .zoomMaps p{width:32px; height:32px; line-height:32px;}
  .zoomMaps p i{font-size:32px;}
  .mapsmini{height:150px;}
  .dataListTop{height:50px;}
  .tool{bottom:40px; right:40px;}
  .buyTool{bottom:40px;}

  .about{height:460px;}

  .content{margin:0 auto 50px auto;}
  .content .contDiv{margin:0 0 50px 0;}
  .content .contT{font-size:32px;}
  .content .contD{padding:0 0 0 1px;}

  .union{margin:0 auto 0 auto;}

  .task{margin:0 auto 0 auto;}
  .task .taskType div{padding:20px; margin:0 0 10px 0;}
  .task .taskType div ul{width:100px; margin:0 20px 0 0;}
  .task .taskType div ul p{width:100px; height:100px; line-height:100px;}
  .task .taskType div li{padding:5px 0;}
  .task .taskType div li h1{font-size:20px;}
  .task .taskType div li h2{font-size:12px; line-height:18px; height:58px;}
  .task .taskType div .ttA i{font-size:66px;}
  .task .taskType div .ttB i{font-size:52px;}

  .piTitle{left: 40px; font-size: 32px;}

  .search{margin:50px auto 50px auto;}
  .search .searchResult{margin:0 0 35px 0;}
  .search .searchResult h1{font-size:20px;}
  .search .searchResult h2{font-size:16px;}

  .message{margin:50px auto 50px auto;}
  .message div{margin:0 0 35px 0;}
  .message div h1{font-size:20px;}
  .message div h2{font-size:16px;}

  .service h1{font-size:20px; font-weight:bold;}
  .service h2{font-size:16px;}
  .service .stList{margin:25px 0 0 0;}
  .service .stList .stlItem{width:101%; height:auto;}
  .service .stList .stlItem div{width:24%; margin:0 1% 1% 0;}
  .service .stList .stlItem div ul{padding:15px;}
  .service .stList .stlItem div ul p{width:55px; height:55px; line-height:55px; margin:0 15px 0 0;}
  .service .stList .stlItem div ul p i{font-size:42px;}
  .service .stList .stlItem div ul li h3{font-size:16px; margin:0 0 2px 0;}

  .customers h1{font-size:20px; font-weight:bold;}
  .customers h2{font-size:16px;}

  .form{margin:0 auto 50px auto; padding:0 20px;}
}


@media screen and (max-width: 1024px) {
  .main{margin:46px auto 0 auto;}
  .tool{bottom:30px; right:30px;}
  .tool .btn{display:none;}
  .sbmhide{display:none;}
  .about{margin:-22px 0 0 0; height:400px;}
  .about div ul{bottom:30px; right:30px;}
  .about div ul li h1{font-size:12px; margin:0;}
  .about div ul p{width:32px; height:32px; line-height:32px;}
  .about div ul p i{font-size:20px;}

  .waiting{margin:100px auto 100px auto;}
  .waiting div img{width:80px; height:80px;}
  .waiting div h1{margin:15px 0 0 0; font-size:14px;}
  .waiting div h2{margin:15px 0 0 0; font-size:14px}

  .form{margin:50px auto 50px auto; padding:0 20px;}
  .form .loginTips{margin:10px 0 0 0;}
  .form .iconTips i{font-size:32px;}

  .buyTool{bottom:30px;}
  .buyTool .btDiv{padding:0 18px; margin:0 0 0 0;}

  .selectType{width:auto; height:auto; border:1px solid #DDD; position:relative;}
  .selectType:hover{border:1px solid #4888F2;}
  .selectType p{line-height:40px; margin:0 16px 0 0; position:absolute; right:0;}
  .select{height:40px; padding:0 15px 0 15px; line-height:40px; font-size: 14px; position:relative;}
  .select label{font-size:14px; z-index:5; line-height:40px; height:40px; display: block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
  .select .select{width:100%; z-index:4;position:absolute;top:0;left:0;margin:0;padding:0;opacity:0; *margin-top:12px; filter:alpha(opacity=0); font-size:14px;}

  .mainDiv .data{padding:0 20px 30px 20px;}

  .content{margin:0 auto 50px auto; padding:0 18px;}
  .content .contDiv{margin:0 0 40px 0;}
  .content .contT{font-size:24px;}
  .content .contD{padding:0 0 0 0;}
  .content .contD span{margin:0 10px;}
  .content .contC{margin:5px 0 0 0;}
  .content .contM{margin:30px 0; padding:10px 0;}

  .videoPlayer{margin:0 0 20px 0;}

  .top{width:100%; height:auto; padding:0 0 0 0; position:fixed; top:0; left:0; z-index:99;}
  .topDiv{padding:0 0;}
  .top .logo{display:none;}
  .top .menu div{display:flex; box-shadow:0px 1px 3px rgba(0,0,0,0.05);}
  .top .menu ul{width:auto; height:auto; line-height:normal; padding:0 0; display:none; background-color:#FFF;}
  .top .menu ul li{border-top:1px solid #EEE; display:block; margin:0 0 0 0; line-height:46px; font-size:14px;}
  .top .menu ul li.hover{border-bottom:0 solid #00ff9d;}

  .top .submenu{background-color:#FAFAFA; overflow:hidden; height:40px;}
  .top .submenu div{height:40px;}
  .top .submenu div ul li{margin:0 0;}
  .top .submenu div ul li.hover{border-bottom:0 solid #00ff9d;}

  .typemenu{max-width:100%; margin:0 auto 0 auto; overflow:hidden; height:40px; padding:0 0 0 0; border-bottom:1px solid #EEE;}
  .typemenu div{height:40px;}
  .typemenu div ul li{margin:0 0;}
  .typemenu div ul li.hover{border-bottom:0 solid #00ff9d;}

  .pagesimg .item{height:400px;}
  .maps{height:400px;}
  .mapsmini{height:120px;}
  .zoomMaps p{width:24px; height:24px; line-height:24px; }
  .zoomMaps p i{font-size:24px;}

  .notesDiv h1{font-size:18px; margin:0 0 6px 0;}
  .notesDiv ul{font-size:12px;}

  .pageMore{margin:30px 0 40px 0;}

  .dataListTop{height:40px;}
  .dataListTitle div{margin:0 0 0 0; font-size:18px;}
  .homeListTitle{padding:0 18px;}
  .homeListTitle div{margin:0 0 0 0; padding:0 0 5px 0; font-size:18px;}

  .dataList{padding:18px 18px 0 18px;}
  .dataList div ul li{margin:0 3.33% 30px 0;}
  .dataList div ul li h6{height:180px;}
  .dataList div ul li h1{margin:10px 0 0 0;}

  .shoppingCart{margin:-22px 0 0 0; padding:0 18px;}
  .cartTotal{margin:0 0 18px 0;}
  .cartTotal div .cTotal{text-align:left;}
  .cartList .goodsList{padding:0 0 18px 0; margin:0 0 18px 0;}
  .goodsEdit{margin:0 0 18px 0;}

  .confirmOrder{margin:-22px 0 0 0; padding:0 18px;}
  .confirmOrder .cmfAddress{padding:15px 15px;}
  .confirmOrder .cmfPaytype{padding:15px 15px;}

  .orderList{padding:18px 18px 0 18px;}
  .orderList .oTips{font-size:14px;}

  .account{padding:18px 18px 0 18px;}
  .account .profile{display:block;}
  .account .profile h6{width:180px; height:180px; line-height:180px; margin:30px auto 0 auto;}
  .account .profile h6 p i{font-size:40px;}
  .account .profile ul h1{font-size:24px; margin:10px 0 15px 0; text-align:center;}
  .account .profile ul li{padding:15px 0 5px 0;}
  .account .profile ul li h2{font-size:16px;}
  .account .profile ul h5{font-size:16px; padding:15px 0 5px 0;}

  .account .addressList div ul{padding:18px;}

  .union{padding:0 18px 0 18px; margin:0 auto 0 auto;}
  .union .unionT{margin:0 0 5px 0;}
  .union .unionT h1{font-size:18px;}
  .union .unionT h2{font-size:14px;}
  .union .unionL div ul{padding:10px 0 0 0;}
  .union .unionL div ul li h6{height:100px;}

  .task{padding:18px 18px 0 18px; margin:0 auto 0 auto;}

  .search{padding:19px 18px 0 18px; margin:0 auto 0 auto;}
  .search .searchInput{margin:0 0 0 0;}
  .search .searchResult{margin:18px 0 2px 0;}
  .search .searchResult h1{font-size:18px;}
  .search .searchResult h2{font-size:14px;}

  .message{padding:19px 18px 0 18px; margin:0 auto 0 auto;}
  .message div{margin:0 0 20px 0;}
  .message div h1{font-size:18px;}
  .message div h2{font-size:14px;}

  .service{padding:0 18px 18px 18px; margin:40px auto 0 auto;}
  .service .stList .stlItem{width:101.333%; height:auto;}
  .service .stList .stlItem div{width:32%; margin:0 1.333% 1.333% 0;}
  .service .stList .stlItem div ul{padding:15px;}
  .service .stList .stlItem div ul li h3{font-size:16px; margin:0 0 2px 0;}

  .customers{padding:0 18px 18px 18px; margin:20px auto 0 auto;}
  .customers .ctList div ul{width:12.5%;}

  .contus .contT{margin:0 0 20px 0;}
  .contus .contT h1{font-size:18px;}
  .contus .contT h2{font-size:14px;}
  .contus .contL ul{margin:10px 0 0 0;}
  .contus .contL ul h6{width:40px; height:40px; line-height:40px; margin:0 10px 0 0;}
  .contus .contL ul h6 i{font-size:16px;}
  .contus .contL ul li h1{font-size:16px; margin:0 0 0 0;}
  .contus .contL ul li h2{font-size:12px;}

  .closeTips{width:auto; height:auto; position:static; top:0; left:0; margin:0 50px; padding:50px 0;}
  .closeTips div h3{font-size:18px; margin:0 0 10px 0;}
  .closeTips div h3 i{font-size:18px; margin:0 10px 0 0;}
  .closeTips .logo{margin:0 0 30px 0; text-align:center;}
  .closeTips .logo i{font-size:64px;}
  .closeTips .logo img{height:64px; width:auto;}

}

@media screen and (max-width: 800px) {
  .tool{bottom:18px; right:18px;}
  .about{margin:-22px 0 -30px 0; height:300px;}
  .about div ul{bottom:20px; right:20px;}

  .buyTool{bottom:18px;}
  .buyTool div{width:250px; margin:0;}
  .buyTool .favoriteBtn{margin:0 0 0 8px;}

  #content{margin:30px 0 0 0;}
  .content .contDiv{margin:-10px 0 30px 0;}

  .content .contDiv{display:block;}
  .content .contC{margin:0 0 0 0;}
  .content .contC li{margin:0 0 3px 0;}
  .content .contLeft{margin:25px 0 0 0;}

  .pagesimg .item{height:300px;}
  .maps{height:300px;}
  .mapsmini{height:100px;}
  .zoomMaps p{width:20px; height:20px; line-height:20px; }
  .zoomMaps p i{font-size:20px;}

  .notesDiv h1{font-size:16px;}
  .notesDiv ul{font-size:12px;}


  .homeListTitle{margin:30px auto 0 auto;}

  .dataList div ul{width:102.5%;}
  .dataList div ul li{width:47.5%; margin:0 2.5% 20px 0;}
  .dataList div ul li h1{margin:5px 0 0 0;}

  .service h1{font-size:18px;}
  .service h2{font-size:14px;}
  .service .stList{margin:20px 0 0 0;}
  .service .stList .stlItem{width:101%; height:auto;}
  .service .stList .stlItem div{width:49%; margin:0 1% 1% 0;}
  .service .stList .stlItem div ul{padding:15px;}
  .service .stList .stlItem div ul p{margin:0 15px 0 0;}
  .service .stList .stlItem div ul p i{font-size:42px;}
  .service .stList .stlItem div ul li h3{font-size:16px; margin:4px 0 2px 0;}

  .union{margin:-20px auto 0 auto;}
  .union .unionL div{width:101%;}
  .union .unionL div ul{width:24%; margin:0 1% 0 0; padding:8px 0 0 0;}

  .task{margin:0 auto 0 auto;}
  .task .taskType div{padding:15px; margin:0 0 10px 0;}
  .task .taskType div ul{width:80px; margin:0 15px 0 0;}
  .task .taskType div ul p{width:80px; height:80px; line-height:80px;}
  .task .taskType div li{padding:1px 0;}
  .task .taskType div li h1{font-size:16px;}
  .task .taskType div li h2{font-size:12px; line-height:16px; height:50px;}
  .task .taskType div .ttA i{font-size:52px;}
  .task .taskType div .ttB i{font-size:42px;}


  .piTitle{left: 30px; font-size: 24px;}

  .customers{margin:10px auto 0 auto;}
  .customers h1{font-size:18px;}
  .customers h2{font-size:14px;}
  .customers .ctList div ul{width:14.28571428571429%;}

  .eps{width:auto; height:auto;}
  .eps .epsInfo div p{width:50px; height:50px; margin:0 10px 0 0;}
  .eps .epsInfo div ul h1{font-size:12px; margin:0 0 0 0;}
  .eps .epsInfo div ul h2{font-size:12px;}
  .eps .epsInfo div ul h3{font-size:12px;}
  .eps .epsTrack{border-top:1px solid #EEE; padding:15px 0 10px 0; margin:15px 0 0 0; font-size:12px;}

}

@media screen and (max-width: 600px) {
  #content p{font-size:12px;}

  .loading img{width:45px; height:45px;}

  .waiting{margin:80px auto 80px auto;}
  .waiting div img{width:60px; height:60px;}
  .waiting div h1{margin:15px 0 0 0; font-size:12px;}
  .waiting div h2{margin:15px 0 0 0; font-size:12px;}

  .pagesimg .item{height:200px;}
  .maps{height:200px;}

  .about{height:250px;}

  .dataList div ul li h6{height:160px;}

  .service .stList .stlItem div ul li h3{font-size:16px; margin:0 0 2px 0;}

  .piTitle{left: 20px; font-size: 18px;}

  .contus .contT{margin:0 0 20px 0;}
  .contus .contT h1{font-size:16px;}
  .contus .contT h2{font-size:12px;}
  .contus .contL ul{margin:10px 0 0 0;}
  .contus .contL ul h6{width:38px; height:38px; line-height:38px; margin:0 10px 0 0;}
  .contus .contL ul h6 i{font-size:16px;}
  .contus .contL ul li h1{font-size:14px; margin:1px 0 0 0;}
  .contus .contL ul li h2{font-size:12px;}

  .union .unionT{margin:0 0 5px 0;}
  .union .unionT h1{font-size:16px;}
  .union .unionT h2{font-size:12px;}
  .union .unionL div ul li h6{height:80px;}

  .search .searchInput li{padding:3px 5px;}
  .search .searchInput li input{font-size:14px;}
  .search .searchInput p{padding:8px 8px 8px 18px;}
  .search .searchResult{margin:18px 0 2px 0;}
  .search .searchResult h1{font-size:16px; margin:0 0 2px 0;}
  .search .searchResult h2{font-size:12px;}

  .message div{margin:0 0 20px 0;}
  .message div h1{font-size:16px;}
  .message div h2{font-size:12px;}
  .message ul li{margin:0 0 10px 0; padding:3px 5px;}
  .message ul li input{font-size:14px;}
  .message ul li textarea{font-size:14px;}
  .message button{width:100%; height:45px;}

  .goodsBuy .gImg{width:80px; height:80px;}
  .goodsBuy .gInfo{margin:0 0 0 15px;}
  .goodsBuy .gInfo h1{font-size:14px;}
  .goodsBuy .gInfo h2 b{font-size:16px;}
  .goodsBuy .gInfo h3{font-size:12px;}
  .goodsBuy .gType ul{font-size:12px;}
  .goodsBuy .gType ul p{margin:5px 5px 0 0;}
  .goodsBuy .gQty ul{font-size:12px;}
  .goodsBuy .gBtn div ul p{width:8px;}

  .shoppingCart{padding:0;}
  .cartList .gImg{width:70px; height:70px; margin:0 10px 0 0;}
  .cartList .gSelect{line-height:70px; padding:0 10px 0 18px;}
  .cartList .gSelect i{font-size:18px;}
  .cartList .gType{padding:0 18px 0 0;}
  .cartList .gType h1{font-size:14px; margin:2px 0 0 0;}
  .cartList .gType h2{font-size:14px; margin:3px 0 2px 0;}
  .cartList .gType h2 b{font-size:14px;}
  .cartList .gType h2 s{font-size:12px;}
  .cartList .gType h2 span{font-size:14px;}
  .cartList .gType h3{font-size:12px;}

  .cartTotal{width:100%; height:auto; position:fixed; bottom:0; left:0; padding:0; margin:0; border-bottom:0; background-color:#FFF; box-shadow:0px -1px 0px rgba(0,0,0,0.1);}
  .cartTotal div{margin:0 5px 0 0;}
  .cartTotal div .cTotal{font-size:14px; padding:0 0 0 18px;}
  .cartTotal div .cTotal span{margin:0 5px 0 0;}
  .cartTotal div .cTotal span b{font-size:16px;}
  .cartTotal button{width:100px; font-size:14px; margin:0;}
  .cartList .gQty{margin:7px 0 0 0;}
  .goodsEdit{width:100%; height:auto; position:fixed; bottom:0; left:0; padding:0; margin:0; border-bottom:0; background-color:#FFF; box-shadow:0px -1px 0px rgba(0,0,0,0.1);}
  .goodsEdit p{display:none;}
  .goodsEdit .goodsMif{font-size:14px; margin:0;}
  .goodsEdit .goodsDele{font-size:14px; margin:0;}

  .confirmOrder{padding:0; margin:-40px 0 0 0;}
  .confirmOrder .cmfDiv{border:0;}
  .confirmOrder .cmfAddress div h6 i{font-size:18px;}
  .confirmOrder .cmfAddress div ul h1{font-size:14px;}
  .confirmOrder .cmfAddress div ul h2{font-size:12px;}
  .confirmOrder .cmfPaytype div h6 i{font-size:16px;}
  .confirmOrder .cmfPaytype div ul{font-size:14px;}
  .confirmOrder .cmfGoods{padding:18px 18px 3px 18px;}
  .confirmOrder .cmfGoods div h6{width:70px; height:70px; margin:0 10px 0 0;}
  .confirmOrder .cmfGoods div ul h1{font-size:14px; margin:2px 0 0 0;}
  .confirmOrder .cmfGoods div ul h2{font-size:14px; margin:3px 0 2px 0;}
  .confirmOrder .cmfGoods div ul h2 span{font-size:14px;}
  .confirmOrder .cmfGoods div ul h3{font-size:12px;}
  .confirmOrder .cmfExpress{padding:15px 18px; border-bottom:1px solid #DDD;}
  .confirmOrder .cmfExpress div h1{font-size:14px;}
  .confirmOrder .cmfExpress div h2{font-size:14px;}
  .confirmOrder .payment{width:100%; height:auto; position:fixed; bottom:0; left:0; padding:0; margin:0; border-bottom:0; background-color:#FFF; box-shadow:0px -1px 0px rgba(0,0,0,0.1);}
  .confirmOrder .payment button{width:100%; margin:0;}

  .orderList{padding:0; margin:18px 0 0 0;}
  .orderList .order{padding:0 18px 10px 18px; margin:0 0 18px 0;}
  .orderList .order h6{padding:0 15px 0 0;}
  .orderList .order h6 i{font-size:20px;}
  .orderList .order ul h1{font-size:16px; margin:0 0 3px 0;}
  .orderList .order ul h2{font-size:12px;}
  .orderList .order li{font-size:12px;}

  .orderList .oDiv{border:0;}
  .orderList .oStatus{padding:0 18px 0 18px; line-height:40px; background-color:#FFF; margin:-18px 0 0 0;}
  .orderList .oStatus div li{font-size:12px;}
  .orderList .oStatus div ul{font-size:12px; text-align:left;}
  .orderList .oStatus div p{font-size:12px; opacity:1;}
  .orderList .oDetail{padding:13px 18px 10px 18px;}
  .orderList .oDetail ul li{font-size:12px; padding:0 0 3px 0;}
  .orderList .oGoods{padding:18px 18px 3px 18px;}
  .orderList .oGoods div h6{width:70px; height:70px; margin:0 10px 0 0;}
  .orderList .oGoods div ul h1{font-size:14px; margin:2px 0 0 0;}
  .orderList .oGoods div ul h2{font-size:14px; margin:3px 0 2px 0;}
  .orderList .oGoods div ul h2 span{font-size:14px;}
  .orderList .oGoods div ul h3{font-size:12px;}
  .orderList .oCtrl{padding:0 18px 18px 18px;}
  .orderList .oCtrl div li{width:auto; height:26px; line-height:26px; font-size:12px; padding:0 10px; margin:0 0 0 8px;}
  .orderList .oTips div{padding:10px 18px; border-top:1px dashed #EEE; border-bottom:1px solid #EEE;}
  .orderList .oTips div h1{font-size:12px;}
  .orderList .oTips div h2{font-size:12px;}
  .orderList .oBtn{width:100%; height:auto; position:fixed; bottom:0; left:0; padding:0; margin:0; border-bottom:0; background-color:#FFF; box-shadow:0px -1px 0px rgba(0,0,0,0.1);}
  .orderList .oBtn button{width:100%; margin:0;}

  .account{padding:0;}
  .account .profile h6{width:140px; height:140px; line-height:140px; margin:18px auto 0 auto;}
  .account .profile h6 p i{font-size:32px;}
  .account .profile ul h1{font-size:20px; margin:10px 0 5px 0;}
  .account .profile ul li{padding:10px 18px 5px 18px;}
  .account .profile ul li p i{font-size:14px;}
  .account .profile ul li h2{padding:5px 0 0 0; font-size:14px;}
  .account .profile ul h5{font-size:14px; padding:15px 18px 5px 18px;}

  .account .addressList{border:0; margin:0 0 15px 0;}
  .account .addressList div ul{border-right:0 solid #EEE; border-bottom:1px solid #EEE; padding:18px 18px;}
  .account .addressList div h6 i{font-size:16px;}
  .account .addressList div li{margin:0 0 0 8px;}
  .account .addressList div li h1{font-size:14px;}
  .account .addressList div li h1 b{margin:0 10px 0 0;}
  .account .addressList div li h2{font-size:12px;}
  .account .addressList div p{font-size:12px; margin:0 0 0 10px;}
  .account .addressAdd{width:100%; height:auto; position:fixed; bottom:0; left:0; padding:0; margin:0; background-color:#00ff9d; box-shadow:0px -1px 0px rgba(0,0,0,0.1); border:0; color:#FFF;}
  .account .addressAdd:hover{border:0; background-color:#C4A571;}

  .account .notice{padding:18px 0 0 0;}
  .account .notice div ul{padding:0 18px 10px 18px; margin:0 0 18px 0;}
  .account .notice div ul h6 i{font-size:20px;}
  .account .notice div ul li h1{font-size:16px; margin:0 0 3px 0;}
  .account .notice div ul li h2{font-size:12px; color:#aaa;}

  .prof h2{font-size:12px; padding:10px 0 0 0; margin:10px 0 0 0;}
  .prof ul li{margin:10px 0 0 0;}
  .prof ul li input{font-size:14px;}
  .prof ul li p{font-size:14px; line-height:30px;}

  .add h1 span{font-size:12px;}
  .add ul li{margin:10px 0 0 0;}
  .add ul li p i{font-size:14px;}
  .add ul li h2{font-size:14px;}
  .add ul li input{font-size:14px;}
  .add ul li h3{font-size:14px;}
  .add ul li textarea{font-size:14px; height:42px;}

  .refund h2{padding:10px 0 0 0;}
  .refund h2 i{font-size:14px;}
  .refund ul{margin:10px 0 0 0;}
  .refund ul h3{font-size:14px;}
  .refund ul input{font-size:14px;}
  .refund li{ margin:10px 0 15px 0;}
  .refund li h3{font-size:14px;}
  .refund li input{font-size:14px;}

}

@media screen and (max-width: 500px) {
  .loading img{width:40px; height:40px;}

  .about{height:200px;}

  .service h1{font-size:16px;}
  .service h2{font-size:12px;}
  .service .stList .stlItem{width:101%; height:auto;}
  .service .stList .stlItem div{width:99%; margin:0 1% 3% 0;}
  .service .stList .stlItem div ul{padding:10px;}
  .service .stList .stlItem div ul p{width:40px; height:40px; line-height:40px; margin:0 10px 0 0;}
  .service .stList .stlItem div ul p i{font-size:32px;}
  .service .stList .stlItem div ul li h3{font-size:14px; margin:2px 0 0 0;}
  .service .stList .stlItem div ul li h4{height:auto; line-height:16px; overflow:auto;}

  .customers h1{font-size:16px;}
  .customers h2{font-size:12px;}
  .customers .ctList div ul{width:20%;}

  .dataList div ul{width:100%;}
  .dataList div ul li{width:100%; margin:0 0 20px 0;}
  .dataList div ul li h6{height:180px;}

  .union .unionL div{width:102%;}
  .union .unionL div ul{width:48%; margin:0 2% 0 0;}
  .union .unionL div ul li h6{width:100%; height:100px;}

  .mapsBanner{top:30px; left:30px;}
  .mapsBanner div p{width:40px; height:40px; line-height:40px; margin:0 0 10px 0;}
  .mapsBanner div p i{font-size:16px;}

}