.phoneThumbBar{bottom:0;left:0;right:0;position:absolute;background-color:#000;opacity:.6;height:120px;z-index:98}
.phoneThumbBG{position:absolute;bottom:1px;right:0;height:105px;overflow:hidden;opacity:.9;z-index:102}
.phoneThumbBox{position:absolute;left:0;right:0;height:95px}
.phoneThumbItem{position:absolute;top:0;left:0;width:60px;height:82px;border-width:1px;border-style:inset}
.bottom.right,.bottom.right .numbering,.bottom.right button{position:absolute;top:2px;left:auto}
a,button{cursor:pointer}
.bottom.right{padding-right:10px}
.top.right,.top.right .numbering,.top.right button{position:absolute;top:2px;left:auto}
.top.right{padding-right:10px}
.bottom.left,.bottom.left .numbering,.bottom.left button{position:absolute;top:2px;right:auto}
.bottom.left{padding-left:0}
.pbToolBar{overflow:hidden;position:absolute;z-index:99;bottom:-270px;left:0;right:0;height:42px}
.pbToolBar button{width:45px;height:33px;padding:2px}
.pbTopBar{overflow:hidden;position:absolute;z-index:99;top:-50px;left:0;right:0;height:42px}
.pbTopBar button{width:45px;height:33px;padding:2px}
.phonebutton{width:40px;height:40px;position:absolute;cursor:pointer}
.phonebutton div{width:25px;height:25px;margin-left:7px;margin-top:7px}
.phoneMoreButton{width:65px;height:40px;position:absolute;cursor:pointer}
.phoneMoreButton div{width:25px;height:25px;margin-left:20px;margin-top:7px}


.form_mask_phone{opacity:0.5;background:#000000;z-index:10000;position:absolute;width:100%;height:100%;top:0;left:0;}
.thumbnail_form_phone.phone{z-index: 9999;}
.phone .form_title{text-align:center;vertical-align:middle;font-family:"Arial";font-size:18px;line-height:20px; padding: 0 20px;margin:0; margin: 15px 0;}
.phone .form_title span{margin:0;line-height: 20px;padding:0;}
.phone .close{top:13px;position:absolute;cursor:pointer;left:auto;left:10px;padding:0;margin:0;width:25px;height:25px;}
.phone.rightToLeft .close{top:13px;position:absolute;cursor:pointer;left:10px;}

/* thumbnail_form_phone */
.thumbnail_form_phone .result{text-align: left;margin:0;height:35px;line-height:35px;background:rgba(255,255,255,0.05);padding:0 20px;}
.thumbnail_form_phone.rightToLeft .result{text-align: right;}
.thumbnail_form_phone .input_search{ background-color: #fff;border-radius: 5px;height: 40px;line-height: 40px;padding: 0 25px 0 10px;width: 305px;border: 1px solid transparent;}

/* setting_form_phone */
.setting_form_phone{right:auto;}
.setting_form_phone{width:100%;height:100%;left:0;vertical-align:middle;font-family:Arial,Tahoma;background:transparent;z-index:999;}
.setting_form_phone .stage{margin:0;width:100%;height:100%;}
.setting_form_phone .scrollBox{position:absolute;width:100%;}
.setting_form_phone .scrollBox .item{position:relative;width:100%;height:50px;border-bottom:1px solid rgba(255,255,255,0.2);cursor:pointer;}
.setting_form_phone .scrollBox .item img{position:absolute;cursor:pointer;width:25px;height:25px;top:13px;right:18px;}
.setting_form_phone .scrollBox .item .title{line-height:50px;font-size:15px;padding:0 18px;text-align:left;}
.setting_form_phone.rightToLeft .item .title{text-align:right;}
.setting_form_phone.rightToLeft .item img{right:auto;left:18px;}

/* language_form_phone */
.language_form_phone{width:100%;height:100%;left:0;vertical-align:middle;font-family:Arial,Tahoma;background:transparent;z-index:1;}
.language_form_phone .stage{margin:0;width:100%;height:100%;}
.language_form_phone .scrollBox{position:relative;width:100%;top:0;transform:none;-webkit-transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;}
.language_form_phone .scrollBox .item{position:relative;width:100%;height:50px;margin:0;border-bottom:1px solid rgba(255,255,255,0.2);cursor:pointer;}
.language_form_phone .scrollBox .item img{display:none;position:absolute;cursor:pointer;width:25px;height:25px;top:13px;right:15px;}
.language_form_phone .scrollBox .item .title{line-height:50px;font-size:15px;text-align:left;padding:0;width:100%;margin-left:0;left:0;}
.language_form_phone .scrollBox .item.focus .title{border:none;}
.language_form_phone .scrollBox .item.focus img{display:block;}

.phone .searchButton{position:absolute;top:70px;right:20px;cursor:pointer;z-index:10;max-width:25px;max-height:25px;transform: translate(0, -50%);}
.phone .input_search{background-color:#fff;border-radius:5px;margin:0 20px;height:40px;line-height:40px;padding:0 25px 0 10px;width:275px;border:1px solid transparent;}
.phone.rightToLeft .searchButton{left:20px;right:0;}
.phone.rightToLeft .input_search{padding:0 10px 0 25px;}

/* search_form_phone */
.search_form_phone{text-align:left;vertical-align:middle;line-height:20px;position:absolute;z-index:1000;left:-300px;top:0;width:250px;height:548px;background:#000000;
  padding:0;color:#ffffff;font-size:15px;font-family:Calibri;position:absolute;}
.search_form_phone .result{margin-top:10px;}

.search_form_phone .stage{overflow:hidden;width:250px;height:460px;position:relative;margin:10px 0 0 0;}
.search_form_phone .swiper{width:100%;position:absolute;left:0;top:0;}

.search_form_phone .progress{width:15px;height:5px;position:absolute;bottom:0;right:0;cursor:pointer;}
.search_form_phone .progressBar{width:5px;height:5px;opacity:0.25;background:#ffffff;position:absolute;right:0;top:0;cursor:pointer;border-radius:2px;}

.search_form_phone .item{padding:10px 20px;cursor:pointer;}
.search_form_phone .item .description{font-size:15px;margin-top:3px;opacity:0.6;}
.search_form_phone .item:hover{background:rgba(255,255,255,0.25);}

.search_form_phone.rightToLeft{text-align:right;}
.search_form_phone.rightToLeft .progress{left:0;right:auto;}
.search_form_phone.rightToLeft .progressBar{left:0;right:auto;}

.search_form_phone{border-top:1px solid rgba(255,255,255,0.25);width:100%;height:100%;padding:0;left:0;top:0;background:transparent;}
.search_form_phone .stage{width:100%;position:relative;margin:0;}
.search_form_phone{border-top:1px solid rgba(255,255,255,0.25);width:100%;height:100%;padding:0;left:0;top:0;background:transparent;border-radius:0;border:none;box-shadow: none;filter:none;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}
.search_form_phone .result{margin:0;height:35px;line-height:35px;background:rgba(255,255,255,0.05);padding:0 20px;}
.search_form_phone .stage{width:100%;position:relative;margin:0;}

.phone.extendedBar .arrow{position:absolute;width:50px;height:20px;left:50%;cursor:pointer;margin-left:-25px;border-radius:5px 5px 0 0;top:-20px;background-color:rgba(0,0,0,0.8);}
.phone.extendedBar .arrow img{width:10px;margin:5px 20px;}

.extendedBar.phone{border-bottom:1px solid rgba(255,255,255,0.1);overflow : hidden;position : absolute;bottom:-280px;z-index: 99;border-radius:0;background:#000000;width:100%;height:72px;}
.extendedBar.phone .button{font-size:12px;width : 40px;height : 52px;border-radius: 0;float:left;margin:10px 0 0 30px;position:relative;text-align:center;}
.extendedBar.phone .button .icon{overflow:hidden;position:relative;display:block;width:32px;height:32px;border-radius:16px;background-color:rgba(255,255,255,0.1);margin:0 0 0 4px;}
.extendedBar.phone .button img{left:-25px;display:block;width:18px;height:18px;position:absolute;top:7px;margin:0;}
.extendedBar.phone .button .svg{left:7px;display:block;width:18px;height:18px;position:absolute;top:7px;margin:0;}
.extendedBar.phone .button span{top:0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color : white;line-height:20px;display:block;position:relative;margin:0 0 0 -15px;width:70px;}
.extendedBar.phone .button img.custom{left:7px;}
.extendedBar.phone .svg-box{width : 14px;height : 14px;cursor : pointer;margin: 3px 0 0 18px;}
.extendedBar.phone .cancel{width: 100%;height: 40px;position: absolute;bottom: -41px;text-align: center;line-height: 40px;}

.extendedBar.phone .stage{height:100%;}
.extendedBar.phone .stage .swiper{height:100%;}
.extendedBar.phone .stage .swiper .item{height:100%;}
.extendedBar.phone .stage .swiper .dots{height:20px;position:absolute;left:0;bottom:0;}
.extendedBar.phone .stage .swiper .dots .dot{width:10px;height:10px;border-radius:5px;background:#ffffff;}

.phoneTopBar .button .svg {
    max-height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
/* share_form_phone */
.share_form_phone{border-radius: 0;border:none;box-shadow: none;filter:none;}
.share_form_phone .item .logo{width:40px;height:40px;margin:0 auto;display:block;float: none;}
.share_form_phone .item .logo_title{line-height: 30px;}
.share_form_phone .item .logo div{width:40px;height:40px;}
.share_form_phone .copy{width:74%;height:30px;line-height:30px;cursor:pointer;background:rgba(255,255,255,0.4);color:#fff;position:absolute;top:320px;left:12%;right:auto;vertical-align:middle;text-align:center;}

.share_form_phone{z-index:10001;padding:0;top:auto;border-radius: 10px 10px 0 0;border:none;box-shadow: none;filter:none;}

.share_form_phone .form_title{text-align:center;top:0;left:0;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,0.2);background:transparent; width:100%;font-family:"Arial";font-size:15px;line-height:40px;position: relative;margin:0;height:40px;padding: 0;}
.share_form_phone .close{border-top:1px solid rgba(255,255,255,0.2);top:auto;bottom:0;left:0;position:absolute;cursor:pointer;width:100%;height:40px;line-height:40px;text-align:center;vertical-align:middle;font-size:15px;}
.share_form_phone.rightToLeft .close{top:auto;left:0;}
.share_form_phone .stage{position:absolute;top:60px;left:10px;right:10px;bottom:60px;margin:auto;width:auto;}
.share_form_phone .back{z-index:100;position:absolute;top: 0;left: 10px;height: 40px;line-height: 40px;vertical-align: middle;}
.share_form_phone .back span{font-family:"Arial";font-size:12px;margin-left: 10px;}
.share_form_phone .back img{vertical-align: middle;}
.share_form_phone .qrcode{position:absolute;top: 54px;left: 0;right: 0;bottom: 54px;margin:auto;text-align:center;}
.share_form_phone .qrcode .checked{background:rgba(255,255,255,0.2);}
.share_form_phone .qrcode .QRcode>canvas{border:5px solid #fff;}
.share_form_phone .qrcode>div{display: none;}
.share_form_phone .qrcode>div.showQR{display: block;}
.share_form_phone .qrcode .title{position: absolute;
	text-align: center;
	bottom: 0;
	width: 100%;}

.share_form_phone .qrcode img{width: 100px;height: 100px;padding: 5px; background: #fff;}
.share_form_phone .qrcode span{cursor:pointer;font-size:15px;margin-top:15px;text-align:center;vertical-align:middle;width:150px;height:40px;line-height:40px;border-radius:20px;display:inline-block;background:rgba(255,255,255,0);border:1px solid #333333;}
.share_form_phone .item{padding:0;vertical-align:middle;font-size:12px;position:relative;display: inline-block;width: 20%;margin-bottom: 15px;margin-left:4%;text-align: center;}
.share_form_phone .qrcode.two span{width:95px;}
.share_form_phone .qrcode.two .left{border-radius:20px 0 0 20px;}
.share_form_phone .qrcode.two .right{border-radius:0 20px 20px 0;}

.share_form_phone .item .logo{width:40px;height:40px;margin:0 auto;display:block;float: none;}
.share_form_phone .item .logo_title{line-height: 30px;font-size:12px;}
.share_form_phone .item .logo div{width:40px;height:40px;}

.share_form_phone .progress{width: 10px;right: 0;position: absolute;}
.share_form_phone .progressBar{cursor:pointer;background: rgba(0, 0, 0, 0.3); position: absolute; left: 0px; width: 10px;border-radius:5px;}