body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
html {overflow-y:scroll;overflow:-moz-scrollbars;font: 14px/1.5em arial,'Microsoft Yahei', '微软雅黑',sans-serif;}
h1,h2,h3,h4,h5,h6,big,small {font: 14px/1.5em arial,'Microsoft Yahei', '微软雅黑',sans-serif;}
em,i{font-style:normal;}
ul,ol{list-style-type:none}
* {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
img{border:0;}
button{cursor:pointer;font-size:14px;padding:8px 25px;background: #f60;color: #fff; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; border: 0; outline: none;}
button:hover{background: #f00;}
button.full {width:100%;}
input[type="text"] {outline:none;font-size:14px;padding:6px 5px;height:36px;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;line-height: 22px;}
textarea {outline:none;font-size:14px;padding:6px 5px;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;line-height: 22px;}
label {cursor: pointer;}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:none;color:#f30;}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.fleft{float:left;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.ww{word-break:break-all;word-wrap:break-word}
.ell {text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.brs {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.main,section {width:100%;margin:0 auto;overflow:hidden;padding-left:5px;padding-right:5px;}
section.full { padding-left:0px;padding-right:0px; }

.opacity:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.cur {cursor:pointer;}
.content {padding:0px 0;color:#333;}
.content p {margin-bottom:10px;text-indent: 2em;}
.content p img{margin:1em 0;}

@font-face {font-family: "icon";
  src: url('iconfont.eot?t=1494510072761'); /* IE9*/
  src: url('iconfont.eot?t=1494510072761#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1494510072761') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1494510072761') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1494510072761#iconfont') format('svg'); /* iOS 4.1- */
}
.icon,em,i {
  font-family:"icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 640px) {
  .main,section {width:640px;}
}
/*顶部开始*/
.topbar {height: 32px;line-height: 32px; background: #000; color: #fff; box-shadow:0px 0px 5px #000;}
.topbar li {float: left;}
.topbar li+li {text-align: left; font-weight: 700;float:right;cursor: pointer; }
.topbar li+li em{margin-right:5px;}
.topbar li+li a {color:#fff;}

.navbg {border-bottom: 1px solid #ddd; height:81px; }
.navbgi  {border-bottom: 1px solid #fff; height:81px;}
a#logo {display: block; float: left;height:80px;padding-top:20px;width:140px;}
a#logo img {height:40px;} 

.navbtn {float:right; line-height:40px;height:40px;margin:20px 10px 0 0;}
.navbtn em{font-size:22px;}
nav {height:100%; background:#f6f6f6 url(../images/logo-nav.png) no-repeat center 25px;background-size:30px;padding-top:80px; width:150px; overflow:hidden; position: absolute;z-index:12; left:-150px; top:0px;border-bottom:1px solid #fff;border-top:1px solid #eee;}
nav ul li{text-align: center;line-height:30px; border-bottom:1px solid #eee;border-top:1px solid #fff; height:32px; display: block;}
nav ul li a{color:#000; display: block;}
nav ul li.active a , nav ul li:hover a{ color:#38a1f2;}
nav ul li.navclose em{color:#999;font-size:18px;}

/*变换广告*/
.banner { height:180px; overflow: hidden;}
.banner .swiper-slide a {display:block; height:180px;padding:10px;}
.banner .swiper-pagination {position: absolute;z-index: 20;bottom: 5px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block;width:8px;height:8px;border-radius: 4px;background: #555;margin: 0 5px;opacity: 0.8;cursor: pointer;}
.banner .swiper-active-switch {background: #fff;}
.banner .swiper-slide a h2{font-size:18px;line-height:56px;}
.banner .swiper-slide a strong {display: block; letter-spacing: 1px; font-weight: 100;}
.banner .swiper-slide a span {font-size: 16px; line-height: 30px;}
.banner .swiper-slide.banner1 {background: #add3e9;}
.banner .swiper-slide.banner1 a{background: url(http://m.venshop.com/picture/1.png) no-repeat right center;background-size:auto 100%;color:#000;}
.banner .swiper-slide.banner2 {background: #e8e9e7}
.banner .swiper-slide.banner2 a{background: url(http://m.venshop.com/picture/2.png) no-repeat left center;background-size:auto 90%;color:#008000;text-align: right;}
.banner .swiper-slide.banner3 {background: #31a7fb;}
.banner .swiper-slide.banner3 a{background: url(http://m.venshop.com/picture/3.png) no-repeat right center;background-size:auto 100%;color:#fff;}
.banner .swiper-slide.banner4 {background: #f1ede8;}
.banner .swiper-slide.banner4 a{background: url(http://m.venshop.com/picture/4.png) no-repeat left center;background-size:auto 100%;color:#f32e32;text-align: right;}
.banner .swiper-slide.mip-banner1 {background: #182c34;}
.banner .swiper-slide.mip-banner1 a{background: url(http://m.venshop.com/picture/mip-1.png) no-repeat right center;background-size:80%; color:#fff;}
.banner .swiper-slide.mip-banner2 {background: #e8e9e7}
.banner .swiper-slide.mip-banner2 a{background: url(http://m.venshop.com/picture/mip-2.png) no-repeat right center;background-size:50%;color:#008000;}

/* 首页 */
.index-shop h1,.index-h5 h2,.index-template h2 {text-align: center;line-height:80px; font-size: 22px;}
.index-shop ul li,.index-h5 ul li{overflow:hidden;line-height: 30px; cursor: pointer; float: left;   width:calc(33.33% - 7px);  width:-moz-calc(33.33% - 7px); width:-webkit-calc(33.33% - 7px);margin:0 0 10px 10px; height:130px; background: #f9f9f9;text-align: center; padding:30px 0;}
.index-shop ul li:nth-child(3n+1),.index-h5 ul li:nth-child(3n+1){ margin:0 0 10px 0; }
.index-shop ul li em, .index-h5 ul li em {display: block;margin:0 auto; width:50px;height:50px;font-size:50px;line-height: 50px;}
.index-shop ul li span,.index-h5 ul li span{display: block;overflow:hidden; position:relative;width:0%;height:130px;background:#f60;color:#fff;margin-top:-110px;padding-top:20px;
  transition:width 500ms; -moz-transition:width 500ms; -webkit-transition:width 500ms; -o-transition:width 500ms;white-space:nowrap;}
.index-shop ul li a,.index-h5 ul li a{color:#f00;}
.index-shop ul li:hover span, .index-h5 ul li:hover span {width:100%;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.index-template ul li{overflow:hidden;line-height: 30px; cursor: pointer; float: left; width:49%;  margin:0 0 10px 2%; background: #fff;text-align: left;}
.index-template ul li:nth-child(2n+1){margin:0 0 10px 0; }
.index-template ul li a {display: block;}
.index-template ul li a img {display: block;width:100%;}
.index-template ul li a h3 { position: relative; display: block; margin-top:-20px; height:30px; line-height: 30px; padding:0 5px;width:60%; background:#fff; color:#000;}
.index-template ul li a h3 strong{color:#69e;}
.index-news {padding:10px 0;}
.index-news-left {width:100%;}
.index-news-right {width:100%;}
.index-news-left .tabs {height:38px;line-height: 38px;border-bottom: 1px solid #ddd;}
.index-news-left .tabs a {display: block;width:25%;height:38px;line-height: 38px;float: left;text-align: center;font-size: 16px;}
.index-news-left .tabs a.active {border-bottom: 2px solid #f60;color:#f60;}
.inews {height:500px;}
.inews ul {padding:5px; }
.inews ul li {heigth:60px; padding:20px 0 0 0;}
.inews ul li a {display: block;height:60px;padding-right: 10px;}
.inews ul li a span{width:60px;height:60px;text-align: center; background: #999;color:#fff;display:block;float:left;font-size:12px;}
.inews ul li:hover a span, .inews ul li:first-child a span{background: #f60;}
.inews ul li a span strong {display: block;height:32px;line-height: 32px;font-size:18px;padding-top: 4px;}
.inews ul li a h3{width: calc( 100% - 70px );height:60px; line-height:20px; text-align:left; display:block;float:right;color:#999;overflow:hidden;}
.inews ul li a h3 strong {display: block;color:#333;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;height:20px;}
.inews ul li:hover a h3 {color:#f60;}
.inews ul li:hover a h3 strong {color:#f30;}
.index-news-right  h2{height:78px;line-height: 58px;padding-top:20px;border-bottom: 1px solid #ddd;font-size: 16px;font-weight: 700; text-align: center;}
.index-news-right li {float: left;width:50%;height:160px;text-align: center;padding:10px 5px;}
.index-news-right li a {display: block;height:100%;background: #f9f9f9;padding-top:30px;}
.index-news-right li a:hover {background: #f60;color:#fff;}
.index-news-right li em {display: block; height:60px;line-height: 60px; font-size: 60px;}


/* 底部 */
footer {background: #313946;}
footer div.main {padding:30px 0;color:#fff;text-align: center;}
footer div a{color:#fff;display: block;}
footer div h3{height:40px;line-height:40px;font-size:16px;font-weight:bold;}
footer div a:hover {color:#ff0;}
footer div strong {font-size: 28px;display: block;line-height: 28px;padding-bottom: 20px;color:#f80;font-weight: 100;}
footer div span {display: inline-block;}
footer div span a {display: block;margin-right: 10px;}
footer div span em{margin-right:3px;}
footer div span+span+span+span {display: block;line-height: 22px;padding-top:10px;width: 100%;}
footer div img {width:120px;padding:10px;background: #fff;}

.copyright {background: #1e252f; padding:0px 0; line-height: 30px; text-align: center;border-top: 1px solid #313946;color:#999;}
.copyright a{color:#999;}
.fix-service {position: fixed;width:36px;right:0;bottom:10px;z-index:22; }
.fix-service li {cursor:pointer;height:36px;background:#999;color:#fff;text-align: center;line-height: 36px; -moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.fix-service li+li {margin-top:10px;}
.fix-service li em {font-size:22px;display: block;}
.fix-service li:first-child+li {padding-top:2px;}
.fix-service li:first-child+li a {color:#fff;display: block;}
.fix-service li:hover {background:#f60;}
.fix-service li:first-child span {display:block; color:#fff;height:340px;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0;text-align: left;position:relative; width:152px;left:36px; top:-197px; background: #f60; border:1px solid #f60;}
.fix-service li:first-child span strong,.fix-service li:first-child span a
 {display: block;padding:0px 10px;color:#fff;font-size:14px;font-weight: 700;letter-spacing: 1px;}
.fix-service li:first-child span img {width:110px;display: block;padding:5px;background: #fff;border:1px solid #000;margin:0 auto;}
.fix-service li:first-child span i {margin-right:3px;}

/* shop */
.shop-nav { height:100px;padding:10px 0 0 0px;}
.shop-nav ul{ line-height:40px;}
.shop-nav ul li {display: block;float: left;width:25%;padding:0 0 5px 5px;}
.shop-nav ul li:nth-child(4n+1){padding-left:0;}
.shop-nav ul li a {display: block; text-align: center;color:#fff;font-size: 14px;background: #999;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.shop-nav ul li.active a,.shop-nav ul li a:hover{background: #f60;}
.shop-nav ul li.en a {font-weight: 700;font-size: 14px;color:#52f34e;}
.shop-nav ul li.en a:hover {color:#fff;}

.weixin-nav ul li {width:33%;} 

.shop-feature{padding:30px 0;}
.shop-feature h1,.shop-feature h2 {font-size:22px;line-height:50px;margin:0 auto 20px auto;border-bottom:1px solid #f60;color:#f60; font-weight:700;text-align: center;width:260px;}

.shop-feature-display {background:#fff;}
.shop-feature-seo {background: #f6f6f6;}
.shop-feature-weixin {background: #fff;}
.shop-feature-sms {background: #f6f6f6;}
.shop-feature-pay {background: #fff;}
.shop-feature-shipping {background: #f6f6f6;}
.shop-feature-cart {background: #fff;}
.shop-feature-more {background: #f6f6f6;}
.shop-feature-en {background: #f6f6f6;}


.shop-feature-display ul { padding:20px 0 0 0;}
.shop-feature-display ul li {display: block;float: left;height:140px;width:50%;text-align: center; line-height:22px;font-size: 16px;}
.shop-feature-display ul li em{height:75px;width:75px; margin:0 auto 10px auto; text-align:center; color:#999; font-size:40px;line-height: 75px;display: block;border:1px solid #999; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.shop-feature-display ul li:hover {color:#f60;cursor: pointer;}
.shop-feature-display ul li:hover em{color:#fff;border:1px solid #f60;background: #f60; } 
.shop-feature-display p {display: block;margin-bottom:10px;text-align: center; }
.shop-feature-display a {color:#f60;font-weight: bold; line-height: 38px; text-decoration: underline;display: inline-block;  }
.shop-feature-display a+a {margin-left:20px;}
.shop-feature-display p span {font-size:14px;color:#000;display: block;}
.shop-feature-display img{width:110px; background:#fff; border:1px solid #ddd;padding:10px;}
.shop-feature-seo ul {padding:20px 0 0 0;}
.shop-feature-seo li {height:120px;}
.shop-feature-seo li em {display: block;width:60px;height:100px;float: left;font-size:30px;line-height:30px;color:#369;text-align: center;}
.shop-feature-seo li {font-size: 18px;line-height: 30px;}
.shop-feature-seo li span{display: block; font-size: 14px;line-height:22px;padding-top:10px;color:#666;}
.shop-feature-seo li:first-child+li em {color:#00f;}
.shop-feature-seo li:first-child+li+li em {color:#f60;}

.shop-feature-weixin ul{padding:20px 0; }
.shop-feature-weixin li {height:140px;display: block;float: left;width:50%;text-align: center;font-size: 16px;}
.shop-feature-weixin li em{height:75px;width:75px; margin:0 auto 10px auto;  text-align:center; color:#999; font-size:40px;line-height: 75px;display: block;border:1px solid #999; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.shop-feature-weixin li:hover {color:#f60;cursor: pointer;}
.shop-feature-weixin li:hover em{color:#f60;border:1px solid #f60; } 

.shop-feature-sms ul{padding:20px 0;}
.shop-feature-sms li {height:140px;display: block;float: left;width:50%;text-align: center;font-size: 16px;}
.shop-feature-sms li em{height:75px;width:75px; margin:0 auto 10px auto;  text-align:center; color:#999; font-size:40px;line-height: 75px;display: block;border:1px solid #999; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.shop-feature-sms li:hover {color:#f60;cursor: pointer;}
.shop-feature-sms li:hover em{color:#f60;border:1px solid #f60; } 

.shop-feature-pay ul {padding:20px 0 0 20px;}
.shop-feature-pay li {height:100px;}
.shop-feature-pay li em {display: block;width:80px;height:100px;float: left;font-size:60px;line-height:60px;color:#51c332;text-align: center;}
.shop-feature-pay li {font-size: 18px;}
.shop-feature-pay li span{display: block; font-size: 14px;padding-top:10px;color:#666;}
.shop-feature-pay li:first-child+li em {color:#00aaee;}
.shop-feature-pay li:first-child+li+li em {color:#6db38f;}

.shop-feature-en ul {height:320px;margin-top:30px; margin-bottom:10px;}
.shop-feature-en ul li {display: block;float: left;height:140px;width:50%;text-align: center; line-height:22px;font-size: 16px;}
.shop-feature-en ul li em{height:75px;width:75px; margin:0 auto 10px auto;  text-align:center; color:#999; font-size:40px;line-height: 75px;display: block;border:1px solid #999; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.shop-feature-en ul li:hover {color:#f60;cursor: pointer;}
.shop-feature-en ul li:hover em{color:#fff;border:1px solid #f60;background: #f60; } 
.shop-feature-en p {text-align: center;}
.shop-feature-en a {color:#f60;font-weight: bold; line-height: 38px; text-decoration: underline;display: inline-block;  }
.shop-feature-en a+a {margin-left:20px;}
.shop-feature-en p span {font-size:14px;color:#000;display: block;}
.shop-feature-en img{width:110px; background:#fff; border:1px solid #ddd;padding:10px;}

.shop-feature-en ul li a {margin:0;text-decoration: none;line-height:22px;font-size: 16px;font-weight:100;color:#333;}
.shop-feature-en ul li a:hover {color:#f60;}
.shop-feature-display-en ul li{width:33%;}

.shop-feature-shipping ul {height:160px;padding:20px 0;}
.shop-feature-shipping ul li {display: block;float: left;height:120px;width:33%;text-align: center; line-height:22px;font-size: 16px;}
.shop-feature-shipping ul li em{height:75px;width:75px; margin:0 auto 10px auto;  text-align:center; color:#999; font-size:40px;line-height: 75px;display: block;border:1px solid #999; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.shop-feature-shipping ul li:hover {color:#f60;cursor: pointer;}
.shop-feature-shipping ul li:hover em{color:#f60;border:1px solid #f60; } 

.shop-feature-cart ul {padding:20px 0 0 0;}
.shop-feature-cart li {height:110px;}
.shop-feature-cart li em {display: block;width:80px;height:100px;float: left;font-size:60px;line-height:60px;color:#51c332;}
.shop-feature-cart li {font-size: 18px;}
.shop-feature-cart li span{display: block; font-size: 14px;padding-top:10px;color:#666;}
.shop-feature-cart li:first-child+li em {color:#e00;}
.shop-feature-cart li:first-child+li+li em {color:#f60;}

.shop-feature-more {background: #f3f3f3;padding:20px 0;}
.shop-feature-more ul{height:60px;}
.shop-feature-more ul li {width:50%;float:left;}
.shop-feature-more ul li a, .shop-feature-more li span{display: block;margin:0 10px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
  height:50px;line-height: 50px;font-size: 16px; background: #5bc0de;color:#fff; text-align: center;cursor: pointer;
}

.shop-feature-more ul li:hover a { background: #f60;}
.shop-feature-more strong {font-size:38px;font-weight: 100;color:#f60;text-align: center;display: block;line-height: 80px;}
.shop-feature-more ol{ margin:0 auto;height:60px;text-align: center;}
.shop-feature-more ol li {display:inline-block; font-size:16px;}
.shop-feature-more ol li em{font-size:16px;}

.shop-feature-en-more ul{ margin:0 auto;height:60px;}
.shop-feature-en-more ul li {width:50%;float:left;}
.shop-feature-en-more ul li.amazon {width:70%;float:left;clear:both;margin:10px 0 0 15%;}
.shop-feature-en-more ul li a, .shop-feature-more li span{display: block;margin:0 5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
  height:50px;line-height: 50px;font-size: 16px; background: #5bc0de;color:#fff; text-align: center;cursor: pointer;
}
.shop-feature-en-more ul li.amazon a {background: #00236f;}
.shop-feature-en-more ul li img {display: none; position: absolute;}
.shop-feature-en-more ul li:hover a, .shop-feature-more li:hover span { background: #f60;}
.shop-feature-en-more ul li:hover img {display:block; position: absolute;width:128px;background: #fff; padding: 10px; border: 1px splid #ddd; margin: 50px 0 0 5px;}


.shop-details {padding-bottom:50px;}
.shop-details ul {padding:20px 0 0 0;}
.shop-details li {float: left;padding-right:0px;width:25%;margin:0;}
.shop-details li:first-child {display:block;height:30px;width:100%;}
.shop-details li a {color:#69e;}
.shop-details h2 {text-align:left;height:80px;line-height:80px;font-size:18px;}
.shop-details h2 a[href] {color:#f60;font-weight: 700;margin-left:30px;}
.shop-details table {margin:0 auto;width:100%;border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.shop-details thead {font-weight:bold;}
.shop-details thead td {border-bottom: 1px solid #ddd; height: 40px;padding:8px 3px;background:#f3f3f3;}
.shop-details tbody td {padding:8px 2px;vertical-align:top;color:#999;}
.shop-details tbody tr:nth-child(2n+1) td {background:#fff;}
.shop-details tbody tr:nth-child(2n+0) td {background:#f6f6f6;}
.shop-details tbody tr td:first-child {color:#666;width:100px;font-weight: 700;}
.shop-details tbody tr td:first-child+td {width:450px;color:#666;}
.shop-details tr td:first-child {padding-left:5px;}
.shop-details span {color:#f00;}
.shop-details .mactive {color:#f00;}

.shop-service h2 {height:120px;line-height:120px;font-size:28px;text-align: center;}
.shop-service ul { margin:0 auto;}
.shop-service li { text-align: center;margin:0 auto 30px auto; color:#999; padding-top:20px; width:300px;height:300px;border:2px solid #ddd;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.shop-service li em,.shop-service li strong,.shop-service li h3,.shop-service li h4 {display: block;}
.shop-service li em{font-size: 50px;line-height: 50px;height:50px;color:#008000;}
.shop-service li strong {font-size:36px;line-height:60px;color:#008000;}
.shop-service li h3 {font-size:22px;line-height:40px;color:#000;}
.shop-service li h4 {font-size:18px;line-height:30px;color:#f60;height:40px;}



.shop-price table {margin:50px auto;width:100%;}
.shop-price thead {font-weight:bold;}
.shop-price thead td {border-bottom: 1px solid #ddd; height: 40px;padding:6px 3px;text-align: center;}
.shop-price thead td em {color:#f00;font-size:26px;font-weight: 100;position:absolute;z-index:1;margin:-13px 0 0 -3px;}
.shop-price tbody td {padding:6px 3px;vertical-align:top;color:#666;text-align: center;border-bottom: 1px dotted #ccc;}
.shop-price tbody td em:before {content: "\e635 ";color:#008000;font-size: 14px;}
.shop-price tbody td i:before {content: "\e634 ";color:#999;font-size: 14px;}
.shop-price td+td {width:20%;border-left: 1px dotted #ccc;}
.shop-price tbody tr.title td {font-weight: bold;text-align: left;}
.shop-price tbody tr td:first-child a{ font-size: 14px;color:#f00;margin-left: 5px;}
.shop-price tbody tr.price td+td { color:#f60;font-size: 16px;}
.shop-price tbody tr.price td+td del {color:#999;font-size: 14px;}
.shop-price tbody tr.price td strong {color:#f00;font-weight: 100;line-height: 30px;font-size: 14px;}
.shop-price tbody tr.button td a{display:block;background:#eee;width:60px;line-height:26px;margin:0 auto;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.shop-price tbody tr.button td a:hover {background: #f60;color:#fff;}

.shop-buy {background: #fff; margin:40px auto;}
.shop-buy-tabs {line-height: 30px;height:210px;display: block;}
.shop-buy-tabs a{text-align: center;width:25%;font-size:16px;display: block;float: left;height:190px;background: #4da2f5;color:#fff;border-left:1px solid #79b9f7;}
.shop-buy-tabs a.active {background: #388cfe url(buydot.png) no-repeat center 190px;background-size:100%; height: 210px;border-left:0px solid #388cfe;padding-left:1px;}
.shop-buy-tabs a h2 {font-size:20px;line-height:50px;}
.shop-buy-tabs a strong {font-size:18px;}
.shop-buy-tabs a del {color:#eee; font-weight:100;display: block;line-height:18px;height:18px;}
.shop-buy-tabs a small {display: block;color:#88c5fe;line-height: 30px;height:40px;}
.shop-buy-tabs a button {background: #fff;width:60px;padding:5px; -moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;color:#000;}
.shop-buy-tabs a.active button {background: #ff6600; color:#fff;}

.shop-buy-success {margin:20px auto;}
.shop-buy-success li {text-align: center; line-height:30px;color:#f60;padding:5px 0;}
.shop-buy-success li strong {color:#000;}
.shop-buy-success li.title {font-size: 20px;color:#000;line-height: 40px;}
.shop-buy-success li.pay a {display: block; width:150px; margin:10px auto; text-align: center; height:30px;line-height: 30px; background: #f60; color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.shop-buy-success li.pay a em {margin-right:5px;}
.shop-buy-success li.pay a:hover {background: #f00;}
.shop-buy-success li.pay a:first-child+a+a {display: none;}

.shop-buy-container  { background: #fff; height:700px;width:100%;padding:0px 0px;}
.buyform {padding:20px 20px;}
.buyform li {padding:8px 0;color:#999;line-height: 22px;}
.buyform li span {color:#000;}
.buyform li span+span {margin-left:20px;}
.buyform li a {margin-left:20px;color:#69e;}
.buyform li input[type="text"] {width:100%;}
.buyform li h3{font-weight: 700; line-height:30px;color:#000;}
.buyform li span small {letter-spacing: 7px;}
.buyform li strong {color:#f30; font-weight: 100;font-size:18px;}
.buyform li label {color:#000;}
.buyform li label+label {margin-left:20px;}
.buyform li label em{color:#f30;}
.buyform li label span{margin:0 28px 0 26px;color:#f60;}
.buyform li label span.yun{margin:0 20px 0 40px;}
.buyform li.host br+label{ }
.buyform li.host br+label small{ margin-left:17px;}

.shop-faq {padding:15px 0;}
.shop-faq li {height:90px;padding:15px 10px 15px 0;line-height:20px;}
.shop-faq li strong {display: block;width:60px;height:60px;text-align: center;line-height:60px; font-size: 22px; background: #f60;color: #fff; float: left;margin:0 10px;}
.shop-faq li h3 {display: block;width:calc(100% - 80px);height:20px;color:#000; font-weight: 700; overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.shop-faq li span {display: block;width:calc(100% - 80px);height:40px;color:#999; overflow: hidden;}
.shop-question {padding:15px 0;}

.shop-question h2 {text-align: center;height:80px;line-height: 80px;font-size: 22px;}
.shop-question ul {margin:0 auto;}
.shop-question textarea {width:100%;height:100px;}
.shop-question ul li span:first-child {display: block;float:left;width:150px;text-align: right;}
.shop-question ul li button {margin:0 auto;display: block;}
.shop-question textarea+span{ margin-bottom:66px;display: inline-block;}

.shop-question .buyform .yz input {width:30%;}
.shop-question .buyform .yz input+img { }
.shop-question .buyform .yz img {height:20px;vertical-align: middle;margin:0 3px;}
.shop-question .buyform .yz img+span {margin-left:5px;}


.shop-question-list  {padding:15px 0;background:#f1f1f1;}
.shop-question-list h2 {text-align: center;height:80px;line-height: 80px;font-size: 22px;}
.shop-question-list ul li.title {height:40px;line-height: 40px;font-weight: 700;border-bottom: 1px solid #ccc;}
.shop-question-list ul li.title span {display: block;float: left;}
.shop-question-list ul li.title span:first-child {width:calc( 100% - 85px);}
.shop-question-list ul li.title span:first-child+span {width:80px;float: right;}
.shop-question-list ul li.clearfix {padding:15px 0;border-bottom: 1px dotted #ccc;}
.shop-question-list ul li a {display: block;}
.shop-question-list ul li a span {display: block;float:left;}
.shop-question-list ul li a span:first-child {width:calc( 100% - 85px); overflow:hidden;height:22px;}
.shop-question-list ul li a span:first-child+span {width:80px;float: right;}
.shop-question-list a.strong {display: block;margin:20px auto;width:180px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
  height:50px;line-height: 50px;font-size: 16px; background: #f60;color:#fff; text-align: center;cursor: pointer;
}
.shop-question-list a.strong:hover {background:#f00;}
.shop-question-more {background: #fff;}
.shop-question-more h3 {text-align: center;height: 40px;}
.shop-question-more h3 a {display: block;margin:5px auto;width:120px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
  height:30px;line-height: 30px;font-size: 16px; background: #f60;color:#fff; text-align: center;cursor: pointer;
}
.shop-question-details h2 {text-align: center;line-height:28px;font-size: 18px;padding:30px 0;}
.shop-question-details h3 {text-align: center;height: 40px;color:#999;}
.shop-question-details .content {color:#69e;line-height: 30px;font-size: 16px;padding:10px 0 30px 0;}
.shop-question-details .content strong{color:#000;display: block;padding:10px 0;}
.shop-question-details .content span {color:#666;display: block;padding:10px 0;}
.shop-question-details .content a {color:#f60;text-decoration: underline;}
.shop-question-details ul {width:300px;margin:10px auto;height:60px;}
.shop-question-details ul li{float:right;}
.shop-question-details ul li:first-child{float:left;}
.shop-question-details ul li a{display: block;margin:5px auto;width:130px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
  height:40px;line-height: 40px;font-size: 16px; background: #f60;color:#fff; text-align: center;cursor: pointer;
}
.shop-question-details ul li a:hover {background: #f00;}


.html5-feature-skin {background: #f6f6f6;}
.html5-feature-skin ul{padding:20px 0; height:160px; }
.html5-feature-skin li {height:140px;display: block;float: left;width:33%;text-align: center;font-size: 16px;}
.html5-feature-skin li em{height:75px;width:75px; margin:0 auto 10px auto;  text-align:center; color:#999; font-size:40px;line-height: 75px;display: block;border:1px solid #999; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.html5-feature-skin li:hover {color:#f60;cursor: pointer;}
.html5-feature-skin li:hover em{color:#f60;border:1px solid #f60; } 
.html5-feature a {display: block;margin:18px 0; color:#f60;font-weight: bold; line-height: 38px; text-decoration: underline;clear:both;text-align: center;}

.html5-feature.shop-feature-weixin ul{height:300px;}
.html5-feature.shop-feature-weixin ul li{ height:160px;}
.html5-feature.shop-feature-seo ul{height:300px;}
.html5-feature.shop-feature-seo ul li{ height:150px;}
.html5-feature-more {background: #fff;}

.html5-feature-more h2 {text-align: center;height:80px;line-height:60px;font-size: 22px;padding-top:20px;}
.html5-feature-more ul {padding:10px 0 10px 0;}
.html5-feature-more ul li{ background:#f00; overflow:hidden;line-height: 30px; cursor: pointer; float: left; width:49%;  margin:0 0 10px 2%; background: #fff;text-align: left;}
.html5-feature-more ul li:nth-child(2n+1){margin:0 0 10px 0; }

.html5-feature-more ul li a {display: block;}
.html5-feature-more ul li a img {display: block;width:100%;}
.html5-feature-more ul li a h3 { position: relative; display: block; margin-top:-10px; height:30px; padding:5px;width:60%; background:#fff; color:#000;}
.html5-feature-more ul li a h3 strong{color:#69e;}
.html5-feature-more p {display: block;text-align: center;padding:0 0 40px 0;}
.html5-feature-more p a{display: block;width:120px;height:40px;line-height: 40px; background: #f60;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;margin:0 auto;font-size: 16px;}
.html5-feature-more p a:hover{background: #f30;}

.html5-temp ol.temp-nav { padding:20px 0 20px 0px;}
.html5-temp ol.temp-nav li {height:36px;float:left;line-height: 30px;width:33%;padding-right:5px;}
.html5-temp ol.temp-nav li:first-child {font-weight:bold;}
.html5-temp ol.temp-nav li a{color:#000;background:#f9f9f9; display: block;text-align:center;-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;}
.html5-temp ol.temp-nav li.active a{color:#fff;background: #f60;}
.html5-temp ol.temp-nav li.active a:after {content:'\e635';font-family:icon;}

.html5-temp ul {padding:0px 0 10px 0;}
.html5-temp ul li{ background:#f00; overflow:hidden;line-height: 30px; cursor: pointer; float: left; width:49%;  margin:0 0 18px 2%;  background: #fff;text-align: left;}
.html5-temp ul li:nth-child(2n+1){margin:0 0 18px 0; }
.html5-temp ul li a {display: block;}
.html5-temp ul li a img {display: block;width:100%;}
.html5-temp ul li a h3 { position: relative; display: block; margin-top:-10px; height:30px; padding:5px;width:60%; background:#fff; color:#000;}
.html5-temp ul li a h3 strong{color:#69e;}
.temp-more h2 {text-align: center;height:80px;line-height:60px;font-size: 22px;padding-top:20px;}
.temp-more h3 {text-align: left;color:#999;}
.temp-more h3 span {color:#aaa;margin:0 5px;}
.temp-more a.temp-more-buy {display:block;float:right; background: #f60;padding:5px 10px;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.temp-more a.temp-more-buy:before {content:'\e635';font-family:icon;}
.temp-pic {text-align: center;margin:20px 0;padding:1px 25px;background: #f60;line-height:36px;height:36px; -moz-border-radius:25px;-webkit-border-radius:25px; border-radius:25px;}
.temp-pic a {display: block;color:#fff;text-align: center;float:left;width:25%;}
.temp-pic a.active {background: #fff;color:#f60;}
.temp-pic-container { width:100%; height:500px;}
.temp-detail p { display:block; height:500px;}
.temp-detail p iframe {width:100%;height:100%;border:1px solid #000;margin:0;overflow-y: auto; overflow-x:hidden ;}
.temp-detail p a {display: block;font-size:18px;text-align: center;line-height:32px;color:#f60;padding:100px 10px 0 10px;}

.temp-detail-m div {width:360px; height:500px; margin:0 auto;}
.temp-detail-wx div {width:360px; height:500px; margin:0 auto;}

@media (max-width: 400px) {
.temp-detail-m div {width:100%; height:500px; margin:0 auto;}
.temp-detail-wx div {width:100%; height:500px; margin:0 auto;}
}


.dz-step {background: #fff;padding:50px 0  20px 0;}
.dz-step h2 {text-align: center;height:80px;line-height:40px;font-size: 22px;}
.dz-step ul {height: 80px;padding:10px 0;background:#f9f9f9; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;text-align: center;}
.dz-step li {display:block;float:left;width:15%;  height:60px;line-height:20px;font-size:14px;padding-top:10px; text-align: center;color:#369;cursor:pointer;}
.dz-step li:hover {color:#f30;}
.dz-step li.icon {color:#ddd; font-size: 18px;width:2%; line-height:40px;text-align:left;padding:0;}
.dz-detail {padding-bottom:50px;}
.dz-detail ol { list-style-type:decimal; margin-left:30px;padding:20px 0 30px 0;}
.dz-detail ol li { padding:8px 0;font-size: 14px;cursor: pointer;}
.dz-detail ol li a{ color:#000; text-decoration: underline;font-weight: 700;}
.dz-detail ol li.active,.dz-detail ol li.active a ,.dz-detail ol li:hover,.dz-detail ol li:hover a {color:#f30;}

.dz-faq {background: #f3f3f3;padding:30px 0;}
.dz-faq h2 {text-align: center;height:60px;line-height:60px;font-size: 32px;}
.dz-faq ol { margin-left:0px; padding:20px 0 30px 0;}
.dz-faq ol li{padding:8px 0;}
.dz-faq ol li em {margin-right:5px;color:#999;font-size: 18px;}
.dz-faq ol li span {display: block;color:#008380;}
.dz-faq ol li span em {font-size: 15px;margin-right:6px;margin-left:2px;color:#008380;}
.dz-faq ol li span a{color:#008380; text-decoration: underline;}
.dz-faq ol li span a:hover {color:#f30;}

.host-nav ul li:first-child{width:34%;}
.host-nav ul li:first-child+li,.host-nav ul li:first-child+li+li{width:33%;}
.host-nav ul li:first-child+li+li+li{padding-left:0;padding-right:5px;}
.host-yun td+td {width:28%;}
.host-yun td+td strong {color:#f30;}
.host-yun td+td span {color:#008380;}

.host-idc td+td {width:35%;}
.host-idc td+td strong {color:#f30;}
.host-idc td+td span {color:#008380;}
.host-mail td+td {width:21%;}
.host-mail td+td strong {color:#f30;}
.host-mail td+td span {color:#008380;}

.host-domain td+td {width:28%;}
.host-domain td+td strong {color:#f30;}
.host-domain td+td span {color:#008380;}

.help-nav {padding:0px 0 20px 0;}
.help-nav li {float: left;width:25%;height:100px;text-align: center;padding-top:5px;padding-left:5px;}
.help-nav li:nth-child(4n+1){padding-left:0px;}
.help-nav li a {display: block;height:100%;background: #f9f9f9;padding-top:10px;line-height:20px;}
.help-nav li:hover a {background: #f60;color:#fff;}
.help-nav li em {display: block; height:40px;line-height: 40px; font-size: 30px;}

.help-list h2 {text-align: center;height:80px;line-height:60px;font-size: 32px;border-bottom:2px solid #ddd;margin-bottom:20px;}
.help-list ul {padding:10px 0 20px 0;}
.help-list ul li { border-bottom:1px dotted #ddd; line-height:40px;height:40px;}
.help-list ul li a{ padding-left:10px; display: block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;height:40px;}
.help-list ul li a strong{color:#000;}
.help-list ul li.active a {color:#f30;}
.help-list ul li:hover a {color:#fff; background: #f60;}
.help-list ul li:hover a strong {color:#fff; }

.help-nav-small {padding:20px 0 20px 0;}
.help-nav-small li {float: left;width:23%;height:40px;text-align:left;}
.help-nav-small li:nth-child(4n+2) {width:31%;}
.help-nav-small li a {display: block;height:100%;background: #f9f9f9;line-height:40px;text-align: center;}
.help-nav-small li:hover a,.help-nav-small li.active a {background: #f60;color:#fff;}
.help-nav-small li em { display:none;  font-size:22px;float: left;margin:0 5px 0 5px;}

.news-list h2 {text-align: center;height:80px;line-height:60px;font-size: 22px; border-bottom:2px solid #ddd;margin-bottom:20px;}
.news-list {padding:15px 0;}
.news-list ul li {height:90px;padding:15px 10px 15px 0;line-height:20px;}
.news-list ul li strong {display: block;width:60px;height:60px;text-align: center;line-height:60px; font-size: 22px; background: #999;color: #fff; float: left;margin-right:10px;}
.news-list ul li:first-child strong , .news-list ul li:first-child+li strong {background: #f60;}
.news-list ul li h3 {display: block;width:calc(100% - 80px);height:20px;color:#000; font-weight: 700; overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.news-list ul li span {display: block;width:calc(100% - 80px);height:40px;color:#999; overflow: hidden;}

.help-more {padding:20px 0 0 0;}
.help-more div.main {border-bottom:1px solid #ddd;padding-bottom:20px;}
.help-more h2 {text-align: center;padding:0 0 20px 0;line-height:30px;font-size:20px; border-bottom:1px solid #ddd;}
.help-more h3 {padding:10px 0;color:#666;text-align: right;}
.help-more h3 a{color:#69e;}
.help-more h3 span {color:#999; margin:0 10px;}
.news-more h4 {background: #f3f3f3;padding:15px;color:#999;margin-bottom:20px;}

.help-more .content p {text-indent: -1.5em;margin-left:1.5em;}
.help-more .content p img{border:1px solid #ddd;padding:3px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;max-width:100%;}
.help-more .content p img.ewm {border:1px solid #000;background#fff; padding:10px;-moz-border-radius:0px;-webkit-border-radius:0px; border-radius:0px;}

.help-more .content a.link-imp {color:#f30;font-weight: 700; text-decoration: underline;line-height: 50px;}
.help-more .content a.link-imp:hover {color:#f00;}
.help-more .help-beian {margin-left:1.5em;border: 1px solid #ddd;}
.help-more .help-beian td{padding:5px;}
.help-more .help-beian td+td{padding-left:20px;}
.help-more .help-beian tr+tr td{border-top:1px solid #eee;}
.news-more .content p {text-indent: 0em;margin-left:0;}

.mip-form h2 {text-align: center;height:100px;line-height:60px;font-size: 18px; padding-top:40px;}
.mip-form h3 {text-align: center;height:40px;line-height:20px;font-size:14px; color:#f00;display: block;}
.mip-form .buyform {margin:0 auto;}
.mip-form .buyform button {margin:0 auto;display: block;}
.mip-form .buyform span {margin-left:120px;}
.mip-form .buyform input+span {margin-left:5px;}
.mip-form .buyform .yz input {width:30%;}
.mip-form .buyform .yz input+img { }
.mip-form .buyform .yz img {height:20px;vertical-align: middle;margin:0 3px;}
.mip-form .buyform .yz img+span {margin-left:5px;}


.weixin-service {padding:20px 0;}
.weixin-service h2 {text-align: center;height:70px;line-height:60px;font-size: 22px; }
.weixin-service ul li {width: 50%;float:left;text-align: center;color:#999;line-height:26px;}
.weixin-service ul li em {display:block; margin:0 auto; width:80px;height:80px;line-height:80px;font-size:50px;background: #f6f6f6;color:#080;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.weixin-service ul li strong  {display:block;font-size:18px;height:50px;line-height: 50px;color:#080;}
.weixin-service ul li:hover {color:#f60;cursor: pointer;}
.weixin-service ul li:hover em {background: #f60;color:#fff;}
.weixin-service ul li:hover strong  {color:#f60;}
.weixin-xcx-why ul {height:260px;}
.weixin-xcx-we {background: #f3f3f3;}
.weixin-xcx-we ul {height:280px;}
.weixin-xcx-we ul li {width: 33%;padding:0 1%;line-height:20px;}
.weixin-xcx-we ul li em {background: #fff;}
.weixin-xcx-we ul li:first-child+li {width:34%;}
.weixin-xcx-faq {background: #fff;} 
.weixin-weizhan  ul,.weixin-manage  ul {height:280px;}
.weixin-weizhan-lx h2 {height:52px;line-height:22px;padding:20px 0 10px 0;}
.weixin-weizhan-lx {background: #f3f3f3;} 

.amazon-intro h2 {text-align: center;line-height:30px;font-size:20px;padding:30px 0;}
.amazon-intro p {margin:10px 0;text-indent: 2em;}
.amazon-intro p span {color:#900;}

.amazon-intro p.amazon-link {text-align: center;text-indent:0;padding-bottom:30px;}
.amazon-intro p.amazon-link a {display: inline-block; text-align: center;background: #f60;color:#fff;padding:5px 20px;}
.amazon-intro p.amazon-link a:hover {background: #f00;}
.amazon-intro .amazon-contact {text-align: center;padding-bottom:30px;}
.amazon-intro .amazon-contact strong {font-size:22px;line-height:30px;padding:30px 0;}
.amazon-intro .amazon-contact ol {width:320px;margin:0 auto;display: block;height:150px;}
.amazon-intro .amazon-contact ol li{text-align: center;display: block;}
.amazon-intro .amazon-contact ol li.tel {color:#f60;font-size:32px;line-height: 80px;height:80px;}
.amazon-intro .amazon-contact ol li+li {float:left;margin-right:10px;font-size:16px;}

.amazon-intro ul {padding:30px 0;}
.amazon-intro ul li {text-align: center;background: #f6f6f6;padding:20px;height:388px;}
.amazon-intro ul li+li {margin-top:20px;}
.amazon-intro ul li h3 {font-size:22px;font-weight: 700;color:#000;height:42px;}
.amazon-intro ul li h4 {color:#369;}
.amazon-intro ul li strong {font-size:28px;color:#f60;display: block; line-height: 56px;font-weight: 100;}
.amazon-intro ul li big {background: #fff;display: block;padding:10px;text-align: left;color:#69e;}
.amazon-intro ul li span {text-align:left;display: block;padding:20px 0;}

.baidu-service {padding:20px 0;}
.baidu-service-1 {background: #eee;}
.baidu-service-2 {background: #fff;}
.baidu-service h2 {text-align: center;height:100px;line-height:100px;font-size: 32px;}
.baidu-service strong { line-height: 22px;display: block;text-align: center;padding:10px 0 30px 0;}
.baidu-service strong span {display: block;font-size: 18px;line-height: 28px;color:#369;}
.baidu-service p { line-height: 22px;display: block;text-align: center;padding:10px 0 30px 0;}
.baidu-service p span {font-weight: 700;display: block;color:#369;}

.app-service ul {padding:30px 0;}
.app-service ul li{background: #f6f6f6;padding:20px;height:300px;}
.app-service ul li+li {margin-top:20px;}
.app-service ul li h2 {text-align: center;height:70px;line-height:30px;font-size: 30px;}
.app-service ul li p {font-size: 16px;line-height: 26px;color:#808080;text-align: center;}
.app-service ul li a {display: block; position:relative; text-align:center;top:220px;width:100px;height:32px;line-height:32px;margin:0px auto;background:#f60;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}

.contact {padding:20px 0;}
.contact h2 {text-align: center;height:80px;line-height:80px;font-size: 32px; border-bottom:0px solid #ddd;margin-bottom:20px;}
.contact-info li{float: left;width:50%;padding:0 5px 10px 5px;}


.contact-info li p {display: block;padding:10px;height:224px;color:#fff;font-size:24px;text-align: center; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
    background: -webkit-linear-gradient(135deg,#31bdfa,#0088de);
    background: -o-linear-gradient(135deg,#31bdfa,#0088de);
    background: -moz-linear-gradient(135deg,#31bdfa,#0088de);
    background: linear-gradient(135deg,#31bdfa,#0088de);}
    
.contact-info li.qq p {background: -webkit-linear-gradient(135deg,#1cd4a2,#2ac164);
    background: -o-linear-gradient(135deg,#1cd4a2,#2ac164);
    background: -moz-linear-gradient(135deg,#1cd4a2,#2ac164);
    background: linear-gradient(135deg,#1cd4a2,#2ac164);}
    
.contact-info li.mail p {background: -webkit-linear-gradient(135deg,#f90,#f60);
    background: -o-linear-gradient(135deg,#f90,#f60);
    background: -moz-linear-gradient(135deg,#f90,#f60);
    background: linear-gradient(135deg,#f90,#f60);}
    
.contact-info li.weixin p {background: -webkit-linear-gradient(135deg,#999,#333);
    background: -o-linear-gradient(135deg,#999,#666);
    background: -moz-linear-gradient(135deg,#999,#666);
    background: linear-gradient(135deg,#999,#666);}
.contact-info li p a {color:#fff;} 
.contact-info li p a:hover {color:#ff0;} 
.contact-info li.mail p a:hover em {color:#fff;} 
.contact-info li p em {display: block;font-size:60px;height:100px;line-height:100px;text-align: center;}
.contact-info li p span {display: block;font-size: 18px;line-height:30px;height:40px;}
.contact-info li.qq p a {display: block; width:90px; text-align:center;font-size:16px;line-height: 26px;height:28px; margin:0 auto;}
.contact-info li.qq p a em {font-size:16px;height:28px;line-height: 28px;display:inline-block;}
.contact-info li.mail p {font-size: 18px;}
.contact-info li.weixin p {font-size: 16px;padding-top: 20px;}
.contact-info li.weixin p em {margin:0px auto 0 auto;height:140px;}
.contact-info li.weixin p span {height:30px;}
.contact-info li.weixin img {width:110px;display: block;padding:5px;background: #fff;margin:0 auto;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}


.contact-form textarea {width:100%;}
.contact-form textarea+span { margin-bottom:36px;display: inline-block;}
.contact-form .buyform .yz input {width:30%;}
.contact-form .buyform .yz input+img { }
.contact-form .buyform .yz img {height:20px;vertical-align: middle;margin:0 3px;}
.contact-form .buyform .yz img+span {margin-left:5px;}



.about {padding:20px 0;}
.about h2 {text-align: center;height:80px;line-height:80px;font-size: 32px; border-bottom:0px solid #ddd;margin-bottom:20px;}
.about .content {font-size:16px;line-height:26px;}

.payment {padding:30px 0;}
.payment-sm {height:180px;}
.payment-sm li {display: block; float: left;width:50%;  text-align: center; font-size:14px;font-weight: 700;line-height: 30px;color:#69e;}
.payment-sm li+li {color:#008000;}
.payment-sm img{width:120px;display: block;margin:0 auto;}

.payment-bank {padding:28px 0 0 10px;}
.payment-bank li { line-height: 30px; color:#000;}
.payment-bank li+li {margin-top:20px;}
.payment-bank li h3{font-weight: 700;}
.payment-bank li strong {color:#000;font-weight: 100;}
.payment-bank li small {display:block;margin-left:57px;letter-spacing: 0px;color:#f60;font-size: 16px;}
.payment-bank li big {color:#333;}

.viptop img{width:100%;display: block;}
.vip-content {background: #ffffff;padding:30px 10px 30px 10px;}
.vip-content .vip-content-in {margin-bottom:50px;} 
.vip-content .vip-content-in h2 {display: block;font-size:20px;line-height:38px;text-align: center;font-weight: 700;padding-bottom:20px;}
.vip-content .vip-content-in span {display: block;line-height: 26px;font-size: 16px;}
.vip-content .vip-content-in span p{text-indent:-25px;margin-left:25px;margin-bottom:10px;}


.map {padding:20px 0;}
.map h2 {height:30px;line-height:30px;font-size: 16px;font-weight: 700;color:#000;}
.map h2 a{color:#000;}
.map h2 a:hover{color:#f60;}
.map ul.clearfix+h2 {border-top:1px solid #eee;padding-top: 10px;height:40px;}
.map ul.clearfix {padding-bottom: 10px;}
.map ul.clearfix li {float:left;}
.map ul.clearfix li+li {padding-left:10px;}
.map ul.clearfix li+li:before {content:"|";color:#ccc;margin-right:10px;}
.map ul.map-more li.title{border-top:1px solid #eee;padding-top: 10px;height:40px;line-height:30px;font-size: 16px;font-weight: 700;color:#000;}
.map ul.map-more li.title+li{ padding-bottom: 10px;}
.map ul.map-more li a{display: inline-block;margin-right:15px;}
.map ul.map-more li a+a:before {content:"|";color:#ccc;margin-right:10px;}

@media (max-width:1023px) {
  .contact-info li.mail p {font-size: 16px;}
  .contact-info li.weixin p {font-size: 14px;}
  .contact-form dl dd ul {margin:0 10px;}
}

.error-banner {background: #fff;padding:40px 10px;text-align: center;}
.error-banner h2{font-size: 20px;line-height: 60px;}
.error-banner a {color:#c00;display: block;padding:10px 0;}


.page {display:inline-block;padding:30px 0;}
.page li {display:inline-block;padding-right:5px;}
.page li a {display: block;line-height:28px;padding:0 10px; background: #efefef;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.page li.active a,.page li:hover a {background:#000;color:#fff;}

.Validform_checktip{
  margin-left:0px;
  line-height:20px;
  height:20px;
  overflow:hidden;
  color:#999;
  font-size:12px;
}
.Validform_right{
  color:#71b83d;
  padding-left:20px;
  background:url(right.png) no-repeat left center;
}
.Validform_wrong{
  color:red;
  padding-left:20px;
  white-space:nowrap;
  background:url(error.png) no-repeat left center;
}
.Validform_loading{
  padding-left:20px;
  background:url(onLoad.gif) no-repeat left center;
}
.Validform_error{
  background-color:#FDF8E4;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}