@media only screen and (min-device-width:768px){
::-webkit-scrollbar-thumb{background-color:rgba(130,130,130,.5);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background-color:#f1404b;-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar{width:5px;height:5px} 
::-webkit-scrollbar-thumb:active{background-color:#f1404b;-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-corner{background:rgba(0,0,0,0);border-radius:0 0 8px 0}
::-webkit-scrollbar-button{background-color:rgba(0,0,0,0);height:2px;width:2px}
}
@-webkit-keyframes animatetop {
	0% {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	}
	100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
}
.fadefromtop ,.open>.dropdown-menu{
	-webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.15s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
}
.dropdown-menu>li>a{
	padding: 6px 17px;
}
.dropdown-menu .divider{
	margin: 6px 0;
}
body{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    position: relative;
    background-color: rgba(240,240,240,0.901961);
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover;
}
li{list-style: none;}
.topnav{
	margin-bottom: 10px;margin-top: 10px;
    border-radius: 4px;
}
#editmodal-notice{
    text-align: center;
    z-index: 99;
    margin: 15px 10px;
}
#editmodal-info{
	text-align: center;
	margin: 15px 10px;
}
@media (max-width: 578px){
	#searchleft h5 a{
		margin-top: 5px;
	}
}
@media (min-width: 768px){
	.topnav .navbar-nav>li>a {
		font-size: 12px;
	}
}
@media (min-width: 992px){

	.navbar-default{
		background: none  !important;
		border: none !important;
	}
	.navbar-default .navbar-nav>li>a {
		color:rgba(255,255,255,.7) !important;
	}
	.navbar-default .navbar-nav>li>a:hover {
		color: #fff !important;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		color: white;
		background: none;
	}
	.navbar-nav>li>.dropdown-menu{
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

}
#searchleft h5 a{
color: white;
    margin-left: 12px;
    font-size: 13px;
    background: #7c7cff;
    border-radius: 5px;
    padding: 3px 3px;
	display: inline-block;
}
#searchbars button,#searchbars input{
	font-size:13px;
}
#searchbars input{
	height: 38px;
}

#searchbars form{
	border: 1px solid #ccc;
    padding: 1px;
    background: white;
    border-radius: 5px;
}
#searchbars input{
    border-radius: 2px;
}
#searchbars .btn{
	border: none;
    background: none;
	color: dimgray;
	padding: 6px 12px;
	outline:0;
}
#stext{
	border: 1px solid #eee;
}
#searchrow{
	padding-top: 0px;padding-bottom: 12px;
}
#searchbars .twitter-typeahead{display:block !important}
.tt-menu{
	width: 100%;
	background: white;
	border-radius:2px;
	max-height: 500px;
    overflow-y: auto;
	border: 1px solid #e0e0e0;
}
.tt-cursor{
    background-color: #d9edf7;
}

.input-clear-a {
    color: #e0e0e0;
}
.tt-suggestion{
	padding:8px 12px;
	cursor: pointer;
	overflow: hidden;
}

.input-content:hover + .input-clear-a {
            color: #78909c;
}
#UlistTabs{margin-bottom:15px}	
#myUlistTabs li a em{font-size:12px;color:#9e9e9e;}
.user-allurl-li li a:hover, .recentlyurl li a:hover, .market_url_list_li li a:hover{
	color: black;
    border-bottom: 1px solid #a9a9a9;
}
.user-allurl-li li a, .recentlyurl li a, .market_url_list_li li a{
	color: #396999;
	text-decoration:none;
}


.market_url_list_li li a{
	max-width: 96%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    height: 32px;
    padding-right: 12px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 35px;
    vertical-align: middle;
    
}
.user-allurl-li li, .recentlyurl li{
	padding-bottom: 9px;
	padding-right: 0px;
}
.market_url_list_li li{
	padding:0;
		padding-bottom: 9px;

}
.recentlyurl li{
	padding-left:5px;
	margin-bottom:9px;
}
.recentlyurl li a{
	background-repeat: no-repeat;
    max-width: 98%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    height: 24px;
    padding-right: 8px;
    padding-left: 23px;
    font-size: 14px;
    line-height: 17px;
    vertical-align: middle;
}
.recentlyurl{
	padding:0;
	margin-top: 15px;
}

.user-allurl-li{
	padding: 0;
    margin-top: 19px;
}
.edit_div{ display:none; }
.edit_div_a a{
	max-width: 96%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    height: 32px;
    padding-right: 12px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 35px;
    vertical-align: middle;
	}
.url-limg{
    position: absolute;
    display: inline-block;
    margin-right: -4px;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    vertical-align: middle;
	}
	
@media (min-width: 992px){
	#carealeft {
		padding-left:0;
	}
	#carearight {
		padding-left:0;
		padding-right:0;
	}
}
#carealeft ,#carearight {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 992px){
	#carealeft {
		padding-right: 12px !important;
	}
}

.market_url_list_img{
	padding: 15px 0 0 0;
	margin: 0px;
}
.market_url_list_img li{
	text-align: center;
	padding-right: 12px;
    padding-left: 12px;
}
.market_url_list_img img{
	width: 49px;
}
.market_url_list_img font{
	display: block;
}

.footer .panel{
	padding-top: 10px;
	border-bottom: 0;
    border-left: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-right: 0;
}
.panel{
	background: rgb(255 255 255 / 95%);
}
.editbroder{
	border-bottom: 1px dotted #9c27b0;
}
.modal-delurl{
	right: 0;
	position: absolute;
	pointer-events: all;
	z-index: 1200;
	bottom: 0;
	padding: 15px;
}
.modal-delfolder{
	right: 0;
    position: absolute;
    pointer-events: all;
    z-index: 1200;
    bottom: 20px;
	margin-bottom: 40px;
    margin-right: 15px;
}
.modal-nobody,.modal-unobody,.modal-nnobody,.modal-ynobody,.modal-snobody,.modal-lnobody,.modal-rnobody{
	display: none;
	position: absolute;
    width: 100%;
	padding: 15px;
    pointer-events: all;
    z-index: 1200;
    background: rgb(0 0 0 / 17%);
    text-align: center;
}
.modal-nobody,.modal-nnobody,.modal-ynobody,.modal-snobody,.modal-lnobody,.modal-rnobody{
    bottom: 0;	
}
.modal-unobody{
    bottom: 45px;
	right:0;
}
.footer p{
	font-size:13px;
}

.sharelabelspan{
	font-weight: lighter;
    border: 1px dotted blue;
    padding: 4px 10px;
    border-radius: 4px;
    text-decoration: none;
}
.sharelabelspan a{
    text-decoration: none;
}
/**--主题设置 --**/
	  .themeimg,.themediv{
		 margin: 0;
	  }
	  .themediv a{
		      margin-top: 15px;
			height: 50px;
			line-height: 50px;
			padding: 0 25px;
			border-top: 1px solid #e8e8e8;
			border-bottom: 1px solid #e8e8e8;
			font-style: normal;
			display: block;
		}
	  .themeimg img{
		  width:100%;
		  height:80px
	  }
	  .themeimg div{
		  padding: 4px 5px 7px 4px;
		  
	  }
	  .themeimg font{
		color: #333;
		margin: -20px 0 0 5px;
		display: block;
		text-shadow: 0 0 5px #fff, 0 0 15px #fff, 0 0 10px #fff, 0 0 20px #fff;		
	  }
/**--modal 从左侧或者右侧显示出来，样式: class="modal right fade" --**/

    .mybtn{position:fixed; right:10px; bottom:20px; display:block; width:50px; height:50px;border-radius:50px; padding:0px; text-align:center; line-height:50px;}
 
    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 320px;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }
 
    .modal.left .modal-content,
    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
    }
 
    .modal.left .modal-body,
    .modal.right .modal-body {
        padding: 15px 15px 80px;
    }
 
    /*Left*/
    .modal.left.fade .modal-dialog{
        left: -320px;
        -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
        -o-transition: opacity 0.3s linear, left 0.3s ease-out;
        transition: opacity 0.3s linear, left 0.3s ease-out;
    }
 
    .modal.left.fade.in .modal-dialog{
        left: 0;
    }
 
    /*Right*/
    .modal.right.fade .modal-dialog {
        right: -320px;
        -webkit-transition: opacity 0.25s linear, right 0.25s ease-out;
        -moz-transition: opacity 0.25s linear, right 0.25s ease-out;
        -o-transition: opacity 0.25s linear, right 0.25s ease-out;
        transition: opacity 0.25s linear, right 0.25s ease-out;
    }
 
    .modal.right.fade.in .modal-dialog {
        right: 0;
    }
 
    /* ----- MODAL STYLE ----- */
    .modal.right .modal-content {
        border-radius: 0;
        border: none;
    }
 
    .modal.right .modal-header {
        border-bottom-color: #EEEEEE;
        background-color: #FAFAFA;
    }
/** ----- 备忘录note STYLE ----- **/
	.note-wrapper {
        padding: 5px 0 15px 10px;
        background-color: #fbfbfb;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .note-wrapper .note-item {
        display: inline-block;
        width: 98%;
        padding: 12px;
        cursor: pointer;
        position: relative;
        border-radius: 8px;
        margin: 0 0 10px 0;
        border: 1px solid #eeeeee;
        background-color: #ffffff;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .note-wrapper .note-item:hover {
        box-shadow: 0 0 8px rgba(0, 0, 0, .05);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02);
    }

    .note-wrapper .note-item .note-item-content {
        color: #666;
		min-height:19px;
        max-height: 32px;
        font-size: 13px;
        overflow: hidden;
		text-overflow: ellipsis;
    }

    .note-wrapper .note-item .note-item-time {
        color: #999;
        font-size: 12px;
        margin-top: 8px;
    }

    .note-wrapper .note-item .note-item-del {
        position: absolute;
        top: 5px;
        right: 5px;
        color: white;
        font-size: 12px;
        height: 17px;
        width: 17px;
		padding: 3px;
        background-color: red;
        border-radius: 50%;
        visibility: hidden;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 0;
    }

    .note-wrapper .note-item:hover .note-item-del {
        visibility: visible;
        opacity: 1;
    }

    .note-empty {
        color: #999;
        padding: 80px 0;
        text-align: center;
        display: none;
        position: relative;
        z-index: 1
    }

    .note-empty .layui-icon {
        font-size: 60px;
        margin-bottom: 10px;
        display: inline-block;
    }
	.theme-green .btn-circle {
		background: #00a65a;
	}
	.btn-circle {
		width: 50px;
		height: 50px;
		line-height: 50px;
		border-radius: 50%;
		position: fixed;
		right: 15px;
		bottom: 15px;
		color: #fff;
		text-align: center;
		box-shadow: 0 0 8px rgb(0 0 0 / 20%);
		cursor: pointer;
		z-index:1080;
	}
	.btn-circle .layui-icon {
		font-size: 24px;
	}
/***----loginmodal----*/	
	#loginmodal .modal-dialog{
		max-width: 460px;
		background: gray;
		border-radius:4px;
	}
	#loginmodal .modal-content {
		background: #f9f9f9;
		background: url(../images/2022090423142929137.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
	}
	#loginform .modal-body{
		margin: 20px 15px;
		background: rgba(255,255,255,0.77);
		box-shadow: 0 1px 3px #a6a6a6;
		padding: 20px;
		border-radius: 3px;
		
	}
	#loginform .submitdiv{
		position:relative;
		padding: 15px 0;
		width: 100%;	
	}
	#loginform .rightbtn{
		float: right;
		color:gray;
		background:none;
		border:none;
		font-size: 13px;
		padding:7px 12px;
	}
	#loginform .modal-footer{
		font-size: 13px;
	}
/***----registermodal----*/	
	#registermodal .modal-dialog{
		max-width: 460px;
		background: gray;
		border-radius:4px;
	}
	#registermodal .modal-content {
		background: #f9f9f9;
		background: url(../images/2022090423142929137.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
	}
	#registerform .modal-body{
		margin: 20px 15px;
		background: rgba(255,255,255,0.77);
		box-shadow: 0 1px 3px #a6a6a6;
		padding: 20px;
		border-radius: 3px;
		
	}
	#registerform .submitdiv{
		position:relative;
		padding: 15px 0;
		width: 100%;	
	}
	#registerform .rightbtn{
		float: right;
		color: gray;
		background: none;
		font-size: 13px;
		border: none;
		padding: 7px 12px;
	}
	#registerform .formnotice{
		margin:0;
		color:gray;
		font-size: 13px;	
	}
	#registerform .modal-footer{
		font-size: 13px;
		padding: 10px 15px 0px 15px;
	}
/**----shareneedpwd----**/
	#needpwdmodal .modal-dialog{
		max-width: 460px;
		background: gray;
		border-radius:4px;
	}
	#needpwdmodal .modal-content {
		background: #f9f9f9;
		background: url(../images/2022032118051183345.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
	}
	#needpwdform .modal-body{
		margin: 20px 15px;
		background: rgba(255,255,255,0.77);
		box-shadow: 0 1px 3px #a6a6a6;
		padding: 20px;
		border-radius: 3px;
		
	}
	#needpwdform .submitdiv{
		position:relative;
		padding: 15px 0;
		width: 100%;	
	}
	#needpwdform .rightbtn{
		float: right;
		color:gray;
		background:none;
		border:none;
		font-size: 13px;
		padding:7px 12px;
	}
	#needpwdform .modal-footer{
		font-size: 13px;
	}
/**----shareneedpwd----**/
/*!
 * Bootoast CSS
 * @author odahcam
 * @version 1.0.0
 **/
	.bootoast {
		opacity: 0;
		filter: alpha(opacity=0)
	}

	.bootoast>.glyphicon {
		display: inline-block;
		float: left;
		font-size: 20px;
		margin-right: 14px;
	}

	.bootoast>.bootoast-alert-container {
		display: block;
		max-width: 100%;
		overflow: auto;
	}

	.bootoast>.bootoast-alert-container>.bootoast-alert-content {
		display: table;
		width: 100%;
		height: 100%
	}

	.bootoast-container {
		position: fixed;
		left: 20px;
		right: 20px;
		top: initial;
		bottom: initial;
		width: 390px;
		max-width: 95%;
		z-index: 2060
	}

	.bootoast-container.top {
		top: 20px
	}

	.bootoast-container.bottom {
		bottom: 20px
	}

	.bootoast-container.right {
		left: initial
	}

	.bootoast-container.left {
		right: initial
	}

	.bootoast-container.center {
		left: 50%;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			 -o-transform: translateX(-50%);
				transform: translateX(-50%)
	}
/***#go to top**/
	#back-top {
		position:fixed;
		width:50px;
		height:50px;
		bottom:30px;
		right:3.8%;
		text-align:center;
		line-height:50px;
		text-decoration:none;
		cursor: pointer;
		background-color: rgb(159, 159, 159);
		color: rgb(255, 255, 255);
		border-radius: 2px;
		opacity: 0.95;
	}
.tt-fstr-span{
	float: right;
    color: #9E9E9E;
    font-size: small;	
}