@media screen and (min-width: 640px){
	body,.theme{font-size:20px;}
}
@media screen and (max-width: 640px) and (min-width: 480px){
	body,.theme{font-size:18px;}
}
@media screen and (max-width: 480px) and (min-width: 350px){
	body,.theme{font-size:16px;}
}
body{ font-family: Microsoft YaHei;-webkit-tap-highlight-color:transparent;}
.clearfix:before,.clearfix:after{ display: table;content:""; clear:both;}
.theme{ height: 100%; width: 100%; background-size:100%; background-repeat: no-repeat; position: relative;}
 .themeBg{ position: absolute;height: 100%; width: 100%; background-size:100%; background-repeat:no-repeat; left:0; top:0;}
 .themeBg img{width:100%;} 
/*theme1*/
.theme1 .themeBg{ background-image: url(/images/weiBusinessCard/theme1_bg.jpg); }

.theme1 .headImg{ display: none;}
.theme1 .pers-bg{width:100%;height:50%;position: absolute;bottom:0; background-color: rgba(0,0,0,0.7);;}
.theme1 .compony{ position: absolute;top:63%; color: #fff; padding:0 20px; width:65%;height: 3em; overflow: hidden;z-index:3}
.theme1 .person-info{ top: 50%; color: #fff;width:100%; z-index:5;position: absolute; height: 3em;}
.theme1 .person-info h3 {line-height: 1em;padding-top:.6em;}
.theme1 .person-info h3,.theme1 .person-info div{width:85%;margin:0 auto;font-size: 1.2em;}
.theme1 .person-info .phone a{ color:#fff;}
.theme1 .person-info .job{ font-size: .7em; color: #AF6106;margin:0 5px; }
.theme1 .person-info .phone{ font-size: 1.2em; line-height: 1.2em;}
.theme1 .person-cont-way{position:absolute; bottom:0;color:#fff;width:100%;line-height: 1.5em;height: 57%; overflow-y:auto;}
.theme1 .person-cont-way div{width:65%;margin-left:14px;}
.theme1 .person-cont-way a{ color: #fff}
.theme1 .person-btn{ width:25%; color: #fff;text-align: center; font-size: 1.5em;  position: absolute;bottom:0;right:20px;}
.theme1 .person-btn div{ background-color: #6A6A6A;margin:10px auto; border-radius: 2em; width: 2em; height:2em; text-align: center;padding:.4em; border:.2em solid #454545;}
.theme1 .person-cont-way div i.pers-tittxt{ display: none;}
.theme1 .person-cont-way div i{padding:0 10px; font-size: 1.1em; text-align: center; display: table-cell;}
.theme1 .person-cont-way div i:before{ width: 13px}
.theme1 .person-cont-way div span{ display: table-cell;word-break:break-all;white-space:pre-wrap;}
.theme1 .person-btn div{width:2.7em; height: 2.7em; position: relative;border-radius: 3em;text-align: center;border:.4em solid #454545; color: #fff}
.theme1 .pers-bg .person-btn div:active{border-color:#fff;}
.theme1 .person-btn div i{ position: absolute;top:50%;left:50%; font-size: 1.5em;width:1em; height: 1em; margin-top:-.5em;margin-left:-.5em;}
.theme1 .person-btn div i.icon-save{margin-left:-.4em;}
.theme1 .pers-tittxt{ display: none;}
/*theme2*/
.theme2 .themeBg{ background-image: url(/images/weiBusinessCard/theme2_bg.jpg); }
.theme2 .compony{ position: absolute;top:50%; color: #000; z-index: 3;font-weight: bold; height:1.5em;padding:0 3%; width:94%; text-align: center;}
.theme2 .hdimg{position: absolute;top:0;padding:7% 0; width:100%;}
.theme2 .headImg{width:100px;margin:0 auto; border-radius:100px; height: 100px; background-size: 100%;background-image:url(/images/weiBusinessCard/headimg.png); background-repeat: no-repeat;}
.theme2 .person-info{width:100%;margin:0 auto; color: #000; position: absolute;top:31%;height:18%;}
.theme2 .person-info h3{border-bottom:3px solid #7F3838;  font-weight:bold;margin:10px 0;width:80%;margin:0 auto;}
.theme2 .person-info h3,.theme2 .person-info div{line-height: 1.2em; text-align: center; font-size: 1.5em;}
.theme2 .person-info .job{ font-size: .7em; margin:0 5px;}
.theme2 .person-info .phone{ font-size: 1.5em; line-height: 1.2em;}
.theme2 .person-info  a{ color:#000;}
.theme2 .pers-bg{position:absolute; top:60%;left:0;height:40%;width:100%;}
.theme2 .person-cont-way{width:75%;margin-left:25%;height:100%;overflow-y:auto;}
.theme2 .person-cont-way div{width:97%;}
.theme2 .person-cont-way,.theme2 .person-cont-way a{color:#000;}
.theme2 .person-cont-way div i{padding:0 10px; font-size: 1.1em; text-align: center; display: table-cell;}
.theme2 .person-cont-way div i:before{ width: 13px}
.theme2 .person-cont-way div span{ display: table-cell;word-break:break-all;white-space:pre-wrap;}
.theme2 .person-btn{position:absolute;left:0;top:0;width:25%;color: #fff;text-align: center; font-size: 1.5em;}
.theme2 .person-btn div{ background-color: #5B5C54;margin:5px auto; }
.theme2 .person-cont-way div i.pers-tittxt{ display: none;}
.theme2 .person-btn div{width:2.4em; height: 2.4em; position: relative;border-radius: 3em;text-align: center;border:.3em solid #454545; color: #fff}
.theme2 .pers-bg .person-btn div:active{border-color:#fff;}
.theme2 .person-btn div i{ position: absolute;top:50%;left:50%; font-size: 1.5em;width:1em; height: 1em; margin-top:-.5em;margin-left:-.5em;}
.theme2 .person-btn div i.icon-save{margin-left:-.4em;}
.theme2 .pers-tittxt{ display: none;}
/*theme3*/
.theme3 .themeBg{ background-image: url(/images/weiBusinessCard/theme3_bg.jpg); }
.theme3 .hdimg{position: absolute;top:0;padding:7% 0; width:100%;}
.theme3 .headImg{width:100px;margin:0 auto; border-radius:100px; height: 100px; background-size: 100%;background-image:url(/images/weiBusinessCard/headimg.png); background-repeat: no-repeat;}
.theme3 .pers-bg{width:100%;height:50%;position: absolute;bottom:0; background-color: rgba(30,39,77,0.7); color:#fff;}
.theme3 .person-cont-way{width:100%;margin:0 auto; height:50%;padding-top:10%; overflow-y:auto;}
.theme3 .person-cont-way div{width:97%;}
.theme3 .person-cont-way a{ color:#fff;}
.theme3 .person-btn{ text-align: center; font-size:1.5em;overflow: hidden; position: absolute;width:100%; bottom:0;}
.theme3 .person-btn div{display: inline-block; background-color: rgba(250,250,250,0.7);border-radius: 2em; width: 2em; height:2em; text-align: center;padding:.4em; border:.4em solid #3A4263;margin:0 .7em;}
.theme3 .headImg{width:120px;margin:0 auto; border-radius:120px; height: 120px; background-size: 100% 100%;}
.theme3 .compony{text-align:center;font-weight: bold; color:#fff; position: absolute; top: 30%;width:94%; height:3em; overflow: hidden;padding:0 3%;}
.theme3 .person-info{width:94%;margin:0 auto; color: #fff; position: absolute;top:36%;height:18%; padding:0 3%;}
.theme3 .person-info h3{font-weight:bold;margin-top: .7em;
  line-height: .8em;}
.theme3 .person-info h3,.theme2 .person-info div{text-align: center; font-size: 1.4em;}
.theme3 .person-info .job{ font-size: .7em; margin:0 5px;}
.theme3 .person-info .phone{ font-size: 1.2em; text-align: center;}
.theme3 .person-info .phone a{color:#fff;}
.theme3 .person-cont-way div i.pers-tittxt{ display: none;}
.theme3 .person-cont-way div i{padding:0 10px; font-size: 1.1em; text-align: center; display: table-cell;}
.theme3 .person-cont-way div i:before{ width: 13px}
.theme3 .person-cont-way div span{ display: table-cell;word-break:break-all;white-space:pre-wrap;}
.theme3 .person-btn div{width:2.7em; height: 2.7em; position: relative;border-radius: 3em;text-align: center;border:.4em solid #454545; color: #fff}
.theme3 .pers-bg .person-btn div:active{border-color:#fff;}
.theme3 .person-btn div i{ position: absolute;top:50%;left:50%; font-size: 1.5em;width:1em; height: 1em; margin-top:-.5em;margin-left:-.5em;}
.theme3 .person-btn div i.icon-save{margin-left:-.4em;}
.theme3 .pers-tittxt{ display: none;}
/*theme4*/
.theme4{ background-color: #fff;}
.theme4 .themeBg{ height:40%; background-image: url(/images/weiBusinessCard/theme4_bg.jpg);  background-size: 100% 100%;}
.theme4 .hdimg{ display: block; position: absolute;width:40%;left:0;right:0; height:40%;}
.theme4 .hdimg .headImg{width:90px;margin:0 auto; border-radius:90px; height: 90px; background-size: 100% 100%;background-image:url(/images/weiBusinessCard/headimg.png?0416); background-repeat:no-repeat; background-position: center center;position: absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;}
.theme4  .person-info{ position: absolute;right: 0;width:60%;height:40%;top:0; color:#000;}
.theme4  .person-info h3{font-size: 1.2em;border-bottom:1px solid #666; padding:10px 0;margin:25% 0 0 0; width:90%; line-height: 1; font-weight: bold;}
.theme4  .person-info h3 .job{font-size:0.8em;margin:0 5px; font-weight: normal;}
.theme4  .person-info .phone{margin:10px 0; line-height: 1;}
.theme4  .person-info .phone a{ color:#000;}
.theme4 .compony{position: absolute; top:40%; height:1.5em;margin-top:-3em; text-align: right;width:96%;padding:0 2%; color:#000; line-height: 1.5em;font-size: .9em;}
.theme4 .pers-bg{ height:60%;position: absolute; top:40%;  width:100%;}
.theme4 .pers-bg .person-cont-way{height:90%; overflow-y: auto;}
.theme4 .pers-bg .person-cont-way div{border-bottom:1px solid #EBEBEB; padding:12px 0; display: table; width:97%;}
.theme4 .pers-bg .person-cont-way div .pers-tittxt{ width:60px;padding-right:10px; text-align: right;}
.theme4 .pers-bg .person-cont-way div .pers-tittxt:before{content:"";width:10px;}
.theme4 .pers-bg .person-cont-way div span{  word-break: break-all;  white-space: pre-wrap;}
.theme4 .pers-bg .person-cont-way .tel a,.theme4 .pers-bg .person-cont-way .email a,.theme4 .pers-bg .person-cont-way .siteUrl a{ color:#333;}
.theme4 .pers-bg .person-cont-way .tel,.theme4 .pers-bg .person-cont-way .email,.theme4 .pers-bg .person-cont-way .siteUrl{ position: relative;}
.theme4 .person-btn{ position: absolute; bottom:0; display: table; width:100%; text-align: center; border-top:1px solid #ebebeb;}
.theme4 .person-btn div{width:50%; display: table-cell; padding:5px 0; position:relative;}
.theme4 .pers-bg .person-btn .qrcode:before{ content:"";position:absolute; right:0; height:100%;top:0; border-left:1px solid #ebebeb;}
.theme4 .pers-bg .person-cont-way .pers-tittxt{ display: table-cell;}
.theme4 [class^="ytby-"]{display: none;}
.theme4 .pers-tittxt{ font-style: normal;}
/*theme5*/
.theme5{ background-color: #333; color:#fff;}
.theme5 [class^="ytby-"]{display: none;}
.theme5 .themeBg{ background-image: url(/images/weiBusinessCard/theme5_bg.jpg); height:25%;  background-size: 100% 100%;}
.theme5 .hdimg{ display: block;position: absolute;left:0; top:28%;z-index: 5;width:70px;}
.theme5 .hdimg .headImg{width:62px;margin:0 auto; border-radius:62px; height: 62px; background-size: 100% 100%;background-image:url(/images/weiBusinessCard/headimg.png?0416); background-repeat:no-repeat; background-position: center center;}
.theme5  .compony{padding:6% 3% 0;}
.theme5  .compony,.theme5  .person-info{ position: relative;width:94%;text-align: center; padding-left:3%;padding-right:3%;}
.theme5  .person-info{margin-top:.5em;}
.theme5  .person-info h3{ font-size: 1.3em;  font-weight: bold; margin:0; line-height: 1;}
.theme5  .person-info h3 .job{ font-size: 14px; margin:0 5px; font-weight: normal;}
.theme5  .person-info .phone{ font-weight: bold;}
.theme5  .person-info .phone a{ color:#fff; font-size: 1.1em;}
.theme5  .pers-bg{ position: absolute;height:75%;top:25%; width:100%;}
.theme5  .pers-bg .person-cont-way{margin-left:35px;border-left:1px solid #565656;padding-left:35px; height:88%; overflow-y:auto;}
.theme5 .pers-tittxt{ font-style: normal;}
.theme5 .pers-bg .person-cont-way .pers-tittxt{ display: table-cell; width:45px; text-align: right;padding-right:5px;}
.theme5 .pers-bg .person-cont-way div{ padding:10px 0; line-height: 1.5em; display: table; width:97%;}
.theme5 .pers-bg .person-cont-way div span{  word-break: break-all;
  white-space: pre-wrap;}
.theme5 .pers-bg .person-cont-way .tel a,.theme5 .pers-bg .person-cont-way .email a,.theme5 .pers-bg .person-cont-way .siteUrl a{ color:#fff;}
.theme5 .pers-bg .person-cont-way .tel,.theme5 .pers-bg .person-cont-way .email,.theme5 .pers-bg .person-cont-way .siteUrl{ position: relative;}
.theme5 .person-btn{ height:12%; border-top:1px solid #565656; width:100%; display: table;}
.theme5 .person-btn div{width:50%; display: table-cell; padding:10px 0; position:relative; text-align: center}
.theme5 .person-btn div  .pers-tittxt{ padding:5px 8px; border:1px solid #fff; color: #fff; font-size: 1.1em;}

.sv-panel{position: absolute;width:100%;height:100%; left:0; top:0; background-color: rgba(0,0,0,.8);z-index: 5;font-size: 1.2em;}
.sv-bg{padding:15px;}
.sv-code{width:100%; text-align: center;padding-top:10px;}
.sv-tip{ padding:1em 0;}
.sv-qr-view{ width:90%;margin:0 auto; padding:10px 0; position: relative;border-radius:5px; text-align: center;}
.sv-qr-view img{width:85%; z-index: 5;}
.sv-qr-view .icon-remove-sign{ position: absolute; right: 0;top:0; font-size: 1.5em; color:#ccc;}
.sv-name{ border-top:1px solid #fff;margin:10px auto;width:90%; text-align: left;}
.sv-name p{ color: #fff;}
.sv-btn{margin:10px 0; text-align: center;}
.sv-btn .close{ border:1px solid #ccc;width:70%; height: 2.5em; border-radius: .4em; background:rgba(0,0,0,.5);  box-sizing:content-box; margin:10px auto;}
.sv-btn .close:active{ background: #ccc;}
.svdown {color:#FFFCBE;}
.svdown .close {border-color:#FFFCBE;}
.svsave{color:#fff;}
.theme5 .pers-bg .person-cont-way .tel:after,.theme5 .pers-bg .person-cont-way .siteUrl:after,.theme4 .pers-bg .person-cont-way .tel:after,.theme4 .pers-bg .person-cont-way .siteUrl:after{
 font-family: 'ytby';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;
 	line-height: 1;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;content:"\e608";
 	 position:absolute; right:0; top:50%; height:20px; margin-top:-10px;-webkit-transform:rotate(-90deg);}