body,html{height:100%;background-size: cover;
    background-attachment: fixed;
    background-position: center;
        background: url(https://ae01.alicdn.com/kf/U70fa5ccab0c54648b51378b23ebecf2em.png)no-repeat center top fixed #f9f9f965;}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
a{color:#333;text-decoration:none;}
input{outline:0;}
.color{color:#4caf50;}
.colored{color:#f44336;}
li,ul{list-style:none;}
p.pp { font-size: 14px;}
.container{position:relative;margin:0 auto;width:1200px;max-width:100%;}
.main{margin-top:20px;margin-bottom:15px;padding:0 15px;}
.content-body,.main{position:relative;overflow:hidden;}
.content-body{border:1px solid #eee;border-radius:4px;background:#fff;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.content-left{overflow:hidden;width: 100%;border-bottom: 1px solid #eee;background-color:#f8f8f8;color:#333;text-align:center;letter-spacing:2px;}
.content-left,.content-right{position:relative;float:left;height:100%;background-color: #d9edf7;}
.content-right{padding:20px;width:100%;background-color:#fff;letter-spacing:1px;}
.content-left .avatar{position:relative;overflow:hidden;margin:0 auto;padding: 25px 0;}
.content-left .avatar img{width:90px;height:90px;max-width:100%;border:0;border-radius:50%;vertical-align:middle;font-size:100%;transition: transform.5s ease-out;border: 2px solid #fff;}
.content-left .avatar img:hover{transform: rotate(360deg);}
.content-left .device{z-index:1;overflow:hidden;width:100%;}
.content-left .device .name{height:3pc;font-size:2pc;line-height:2pc;}
.content-left .device .qq{margin-top:9pt;height:9pt;font-size:9pt;line-height:9pt;opacity:.5;}
.content-left .menu{overflow:hidden;margin-top:25px;     background-color: #d9d9d9;}
.content-left .menu>li.active,.content-left .menu>li:hover{background-color:#fff;}
.menu a{display:block;float:left;padding:10px 0;width: 25%;background-color:transparent;color:#000;font-size:15px;}
.menu li.active .item,.menu li:hover .item{border-left-color: transparent;}
.menu .item{height:40px;border-left:4px solid transparent;line-height:20px;padding:10px;text-align:center;}
.menu li.active .item>span{color:#03a9f4;}
.content-right .title{color:#666;text-align:center;letter-spacing:2px;font-weight:700;font-size:18px;}
.content{position:relative;overflow:hidden;margin-top:30px;margin-bottom:15px;}
.content .content-box{display:flex;margin-bottom:15px;max-width:100%;align-items:flex-end;}
.content-box .content-key{display:inline-block;max-width:calc(100% - 7.5rem);flex:1;}
.content-box .content-key input{box-sizing:border-box;width:100%;background-color:transparent;}
.content-box .content-key input,.content-box button{display:inline-block;padding:10px 15px;outline:0;border:1px solid #dcdee0;color:#333;line-height:1pc;}
.content-box button{position:relative;left:-.0625rem;width:7.5rem;background-color:#fff;font-size:14px;cursor:pointer;}
.tips{padding:10px;border:1px solid #ddd;border-radius:4px;color:#666;font-size:14px;}
.tips h1{margin:auto -10px;padding-bottom:10px;padding-left:10px;border-bottom:1px solid #ddd;font-size:14px;}
.tips .tips-content,.tips .tips-submit{overflow:hidden;margin-top:15px;}
.tips .tips-content #text{position:relative;float:left;padding:6px 9pt;width:100%;height:34px;border:1px solid #ccc;border-radius:4px;background-color:#fff;background-image:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;font-size:14px;line-height:1.42857143;}
.tips .tips-submit{text-align:center;}
.tips .tips-submit a{display:inline-block;padding:8px 1pc;border:1px solid #dedede;border-radius:2px;color:#666;line-height:1;cursor:pointer;}
.tips .tips-submit a:first-child{color:#4caf50;margin-right: 5px;}
footer{overflow: hidden;padding:10px 15px;border:1px solid #eee;font-size:9pt;border-radius: 4px;border-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;background-color: #fff;}
footer .footer-left{float:left;}
footer .footer-right{float:right;}
.badge:after{position:absolute;top:.3125rem;right:.3125rem;width:.5rem;height:.5rem;border-radius:50%;background-color:#f44336;color:#fff;content:"";text-shadow:.0625rem .0625rem .0625rem rgba(0,0,0,.2);font-weight:lighter;}
/*index*/
.content-right .index{margin-top:0;}
.index-box{position:relative;overflow:hidden;margin-bottom:25px;}
.index-box h3{position:relative;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #eee;color:#000;font-weight:700;font-size:15px;}
.index-box h3:after{position:absolute;bottom:0;left:0;width:60px;height:1px;background:#000;content:"";content:"";-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.index-box h3:hover:after{width:88px;background:#03a9f4;}
.btn{position:relative;display:inline-block;overflow:hidden;margin:.3rem;padding:10px 15px;border:1px solid #dcdee0;background-color:transparent;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.0625rem;font-weight:500;font-size:15px;line-height:1.15;}
.btn:hover{border:1px solid #249ffd;box-shadow:0 .5rem 1rem 0 rgba(10,14,29,.04),0 .5rem 4rem 0 rgba(10,14,29,.08);color:#249ffd;transition:all .3s ease;-webkit-transform:translateY(-.125rem);transform:translateY(-.125rem);}
/*link*/
.index-link{overflow:hidden;border:1px solid #eee;border-radius:4px;background:#fff;}
.index-link .link-title{position:relative;display:block;overflow:hidden;padding:8px 0;border-bottom:1px solid #ddd;text-overflow:ellipsis;white-space:nowrap;}
.index-link .link-title h3{display:inline-block;margin-right:16px;margin-left:0;padding-left:15px;border-left:4px solid #3690cf;color:#333;vertical-align:bottom;font-weight:400;font-size:16px;}
.index-link ul{padding:5px 10px;}
.index-link ul li{display:inline-block;overflow:hidden;padding:5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:13px;}
.index-link ul li a{vertical-align:middle;}
@media only screen and (max-width:767px){
	.btn{width: calc(50% - .779rem);}
}