input[type=radio],input[type=checkbox]{width:16px;height:16px;border:1px solid #bfcbd9;border-radius:50%;background-color:#fff;cursor:pointer;box-sizing:border-box;position:relative;outline:none;-webkit-appearance:none;appearance:none}
input[type=radio]:after,input[type=checkbox]:after{width:6px;height:6px;border-radius:50%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s cubic-bezier(.71,-.46,.88,.6)}
input[type=radio]:checked,input[type=checkbox]:checked{border-color:#20a0ff;background:#3a9afc}
input[type=radio]:checked:after,input[type=checkbox]:checked:after{transform:translate(-50%,-50%) scale(1)}
input[type=radio]:disabled,input[type=checkbox]:disabled{background-color:#eef1f6;border-color:#d1dbe5;cursor:not-allowed}
input[type=radio]:disabled:checked,input[type=checkbox]:disabled:checked{border-color:#d1dbe5;background-color:#d1dbe5}

.new-tip { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #ff4a3b; margin: 0 0 2px 3px; position: absolute; top: 10px; right: auto;}

.clear{ display:block; clear:both; height:0px; width:100%; font-size:0; line-height:0px; visibility:hidden; overflow:hidden;}
.comment-form { margin: 1.333rem 0; }
.comment-form { display: flex; position: relative; padding: 1rem 1.333rem; background-color: #fafbfc; border-radius: 3px; }
.comment-form .avatar-box { flex: 0 0 auto; }
.comment-form .avatar { margin: 0 1rem 0 0; width:35px; height: 35px; border-radius: 50%;background-size: cover; }
.comment-form .form-box { flex: 1 1 auto; position: relative; }
.comment-form .rich-input {width: 100%; font-size: 14px; background-color: #fbfbfb; border: 1px solid #f4f4f4; position: relative; padding: 6px 0 6px 3px; outline: none;}
.comment-form .rich-input:before { content: attr(placeholder); position: absolute; opacity: .4; pointer-events: none; user-select: none; }
.comment-form .submit-btn {flex: 0 0 auto; margin-left: auto; padding: 5px; font-size: 14px; color: #fff; background-color: #027fff; cursor: pointer; width: 80px; height: 35px;}

.scrollup{ position: fixed; bottom:160px; left: 50%;margin-left: 630px; z-index:10; display: none; width: 48px; }

.scrollup .arrows { height: 48px; width: 48px; float: left;
    background: url('../images/top_up.png') no-repeat left top; background-size: 48px;
    transition: bottom 0.9s ease 0s;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/top_up.png',  sizingMethod='scale');
}
.scrollup .arrows:hover {
    background: url('../images/top_up.png') no-repeat left top; background-size: 48px;
    background-position:0 -50px;
}



.mbw{ margin:20px 0;}
.pg,.pgb{line-height:32px;}
.pg a,.pg strong{z-index: 3;display:inline-block;width: 55px; height: 35px; background-color: transparent; border: 2px solid #6559bc; padding: 0; margin-right: 12px; font-size: 12px; font-weight: 600; color: #6559bc; line-height: 35px; overflow: hidden; position: relative; transition: all 0.3s ease 0s;}
.pg a:hover:after,.pg strong:after{content: ""; width: 0; height: 100%; background: #06d7fc; position: absolute; bottom: -1px; left: -20px; transform: rotate(-15deg); transform-origin: top left; z-index: -1; transition: all 0.5s ease 0s;}
.pg a:hover:before,.pg strong:before{content: ""; width: 0; height: 100%; background: #06d7fc; position: absolute; bottom: -1px; left: -20px; transform: rotate(-15deg); transform-origin: top left; z-index: -1; transition: all 0.5s ease 0s;}
.pg a:hover:after,.pg strong:after {background: #6559bc; left: auto; right: -10px; transform: rotate(13deg); transform-origin: bottom right; transition-delay: 0.2s;}
.pg strong,.pg a:hover{ color: #fff; background: transparent; }
.pg a:hover:before,.pg strong:before,.pg a:hover:after,.pg strong:after{ width: 150%;}




.pgb a{padding-left:25px;}
.pg label{cursor:text;}
.ie6 .pg label{padding-top:3px;height:23px;}
.pg label .px{padding:0;width:25px;height:16px;line-height:16px;}
#pgt .pg,#pgt .pgb{margin-top:5px;}
.pg a.active{color:#fff;background:#6098f5;}
.pg a.prev,.pg a.nxt{border-radius:4px;border:1px solid #F0F0F0;padding:0 5px;}
.pg span{ display:inline-block; height:32px; line-height:32px; margin:0 5px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-top-right-radius:4px }
.pg span a:nth-last-of-type(1){ border-right:none}
.pg a.prev {
    background-image: url(../images/arw_l.gif);
    background-position: 50% 50%;
	background-repeat: no-repeat;
}