/*app-login*/
.app-login{position:absolute;  left:30%;  top:25%;  width:156px;  height:50px}
.app-login .circle{ position:absolute;  top:0;  bottom:0;  left:0;  width:50px;  height:50px;  background-color:#50c2ed;  background-repeat:no-repeat;  background-position:center center;  border-radius:50%}
.icon-power:before{position:relative; left:3px; top:3px; font-family:'MaterialIcons-Regular'; content:"\E8AC"; font-size:44px; color:#fff}
/*<span class="icon-power"></span>*/
.app-login .box{ position:absolute;  left:46px;  top:13px;  width:110px;  height:24px;  padding:3px 10px;  background:#1191c9;  border:1px solid #1191c9;  border-radius:0 5px 5px 0;  font-size:14px;  color:#fff;  text-align:left}
/*END app-login*/
/*rope-top*/
.rope-top{ z-index:1;  position:absolute;  right:0;  bottom:-10px;  width:56px;  height:93px}
.rope-top>.shape-bg-1{ position:absolute;  right:0;  bottom:0;  width:20px;  height:20px;  background-color:#003a5a}
.rope-top>.shape-bg-2{ position:absolute;  right:0;  bottom:0;  width:20px;  height:20px;  background-color:#fff;  border:10px solid #3d90cd;  border-top:none;  border-left:none;  border-radius:0 0 20px 0}
.rope-top>.shape{ position:absolute;  top:0;  right:0;  bottom:0;  left:0;  border:10px solid #3d90cd;  border-left:none;  border-radius:0 20px 20px 0}
/*END rope-top*/
/*rope-bottom*/
.rope-bottom{ position:absolute;  top:-10px;  right:-10px;  width:20px;  height:20px;  z-index:1}
.rope-bottom>.shape-bg{ position:absolute;  top:0;  right:0;  width:20px;  height:20px;  background-color:#003a5a}
.rope-bottom>.shape{ position:absolute;  top:0;  right:0;  bottom:0;  left:0;  border:10px solid #3d90cd;  border-bottom:none;  border-left:none;  border-radius:0 20px 0 0;  background-color:#fff}
/*END rope-bottom*/