.toshbox {
background-color:#000;
opacity:0.62;
width:150px;
padding:18px 10px;
border-radius:5px;
position:fixed;
top:10%;
left:50%;
margin-left:-75px;
color:#fff;
text-align:center;
font-size:14px;
z-index:1100
}

.toshbox .ticon {
width:100%;
height:60px;
}

i.ticon-success{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(images/ticon-success.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}

i.ticon-error{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(images/ticon-error.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}

i.ticon-loading{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(images/loading.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	-webkit-animation:ticon-loading 1s linear 0s infinite;
	        animation:ticon-loading 1s linear 0s infinite;
}


.y-share-layer {
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
opacity:0.8;
background-color:#fff;
z-index:1200;
cursor:pointer;
}

.y-share-box {
position:fixed;
top:0px;
right:10px;
opacity:1;
width:100%;
z-index:1210;
overflow:hidden;
}

.y-share-box .y-share-arrow {
height:167px;
width:130px;
background:url(images/icon-share-jiantou.png) no-repeat center center;
background-size:100%;
float:right;
right:0px;
}

.y-share-box .y-share-txt {
float:right;
width:100%;
height:250px;
text-align:center;
font-size:17px;
color:#d43f3a;
}

.y-share-box .y-share-txt h2 {
font-size:30px;
padding-bottom:10px;
color:#d43f3a;
}

.y-share-txt .iconbox1 {
width:55px;
height:55px;
border:2px solid #999;
border-radius:4px;
display:inline-block;
font-size:11px;
color:#555;
position:relative;
margin:5px;
}

.y-share-txt .iconbox1 span {
position:absolute;
display:inline-block;
width:100%;
left:0;
top:56px;
}

.y-share-txt .iconbox-friend {
background:url(images/icon-share-friend.png) no-repeat center center;
}

.y-share-txt .iconbox-fcircle {
background:url(images/icon-share-circle.png) no-repeat center center;
}

/** region */

.regionbox {
background-color:#fff;
position:fixed;
bottom:0px;
z-index:1500;
border-top:1px solid #eee;
width:100%;
-moz-box-shadow:0px -3px 3px #DDDDDD; -webkit-box-shadow:0px -3px 3px #DDDDDD; box-shadow:0px -3px 3px #DDDDDD;
}

.regionbox .region-title {
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
display:flex;
text-align:center;
background-color:#f8f8f8;
}

.region-title .tcenter {
flex:1;
font-size:15px;
vertical-align:middle;
color:#c01111;
margin-top:9px;
}

.region-title .btn3 {
width:5em;
padding:10px 15px;
color: #333;
background-color: #fff;
border-color: #ddd;
text-decoration:none;
font-size:14px;
background-color:#f8f8f8;
}

.region-title .btn3-cancel {
border-right:1px solid #ddd;
background-color:#f5f5f5;
}

.region-title .btn3-confirm {
border-left:1px solid #ddd;
background-color:#f5f5f5;
}

.region-title .btn3-cancel:active:hover,
.region-title .btn3-confirm:active:hover {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}

.region-content a {
color:#666;
text-decoration:none;
}

.region-tab {
border-bottom:1px solid #ddd;
}

.region-tab .tab3 {
padding:8px 16px;
border-right:1px solid #ddd;
display:inline-block;
font-size:12px;
}

.region-tab .tab3-selected {
background-color:#fafafa;
}

.region-list {
padding:10px;
min-height:160px;
}

.region-list a.reginfo {
display:inline-block;
border:1px solid #ddd;
padding:5px 10px;
margin:5px;
font-size:12px;
}

.addrlist {
background-color:#fff;
}

.addrlist .addrinfo {
border:1px solid #eee;
padding:6px;
overflow:hidden;
cursor:pointer;
}

.addrinfo .edit-box {
float:right;
width:60px;
height:60px;
}
.btn4 {
width:100%;
height:100%;
background-color:#fafafa;
display:block;
border-radius:5px;
}

.btn4:hover {
background-color:#FFDEF9;
}

.addrlist .btn4-edit {
background:url(images/iconbg-edit.png) no-repeat center center #f5f5f5;
background-size:30px;
}

.addrlist .btn4-edit:hover {
background:url(images/iconbg-edit-on.png) no-repeat center center #E0D0ED;
background-size:30px;
}

.addrlist .addbox {
width:100%;
height:40px;
}

.btn5 {
background-color:#f8f8f8;
display:block;
height:100%;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #ededed;
text-decoration:none;
color:#666;
font-size:15px;
line-height:37px;
}

.btn5:hover {
background-color: #E0D0ED;
color:#fff;
}


.btn5-add {
background:url(images/iconbg-add.png) no-repeat center center #f8f8f8;
}
.btn5-down {
background:url(images/iconbg-down.png) no-repeat center center #f8f8f8;
}

/** model*/

.modelbgbox {
background-color:#000;
opacity:0.2;
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
z-index:1000;
}

.modelbox {
background-color:#fff;
z-index:1200;
position:fixed;
width:84%;
top:20%;
border-radius:4px;
margin:auto;
left:50%;
margin-left:-42%;
}

.modelbox .model-head {
text-align:center;
padding:20px 10px 5px 10px;
}

.modelbox .model-head h2 {
font-size:16px;
}

.modelbox .model-content {
	text-align:center;
	font-size:15px;
	padding:10px 10px 20px 10px;
	color:#888;
}

.model-action {
	display:flex;
}

.model-action .btn7 {
display:inline-block;
width:50%;
text-align:center;
padding:15px;
font-size:16px;
font-weight:bold;
color:#333;
text-decoration:none;
}

.model-action .btn7-cancel {
border-top:1px solid #eee;
border-right:1px solid #eee;
}

.model-action .btn7-confirm {
border-top:1px solid #eee;
color:#64779C;
}