* {
    margin: 0;
    padding: 0;
  }
  ul,ol {
    list-style: none;
}

    .mtop_20 {
        margin-top: 20px;
    }

    .mysite button.sitebutton {
        border:none;
        background:none;
        outline: none;
        cursor: pointer;
    }
  body.mysite{
      font: normal 14px/25px '微软雅黑';  
      background-color: #F0F0F0; 
    }
  .mysite .displaynone {
      display: none;
  }
    .mysite header{
        background-color: #fff;
    }
  .mysite header div.header {
      width: 1300px;
      height: 60px;
      margin: 0 auto;
  }
  .mysite header div.header .logo {
      width: 800px;
      height: 60px;
      float: left;
  }

  .mysite header div.header h1 {
     height: 60px;
     line-height: 60px;
      display: inline-block;
  }

  .mysite header div.header h2 {
     height: 50px;
     line-height: 50px;
      display: inline-block;
      margin-left: 20px;
  }
  .mysite header div.header .wx{
      width: 150px;
      height: 60px;
      float:right;
      padding-top: 14px;
      position: relative;
  }

  .mysite header div.header .wx button img{
      width: 32px;
      height: 32px;
      float:left;
  }


 .mysite header div.header .admin{
      width: 100px;
      height: 60px;
      float:right;
      padding-top: 14px;
      position: relative;
  }
 .mysite header div.header .gift{
      width: 100px;
      height: 60px;
      float:right;
      padding-top: 14px;
      position: relative;
  }

  .mysite header div.header .wx button img{
      width: 32px;
      height: 32px;
      float:left;
  }
  /*中间内容区域*/
  .mysite section.main {
    width: 1300px;
    margin: 0 auto;
    margin-top: 5px;
    overflow: hidden;
  }
  /*网页主区域左边*/
  /*查询 查询结果 知识岛外联*/
  .mysite section.main .main-left{
    width: 900px;
    margin-top: 5px;
    float: left;
  }
    /*查询框*/
  .mysite section.main  .main-left .search{
      width: 890px;
      height: 65px;
      padding: 5px;
      background-color: #fff;
      overflow: hidden;
      
      
  }
  .mysite section.main  .main-left .search .search-bar{
    width: 870px;
    height: 57px;
    border: 1px solid #9D9D9D;
    padding-left: 10px;
    border-radius: 10px;
    margin-top: 2px;
    position: relative;
}
.mysite section.main  .main-left .search .search-bar:hover {
    border: 1px solid #7B7B7B;
    box-shadow: 1px 1px 1px #7B7B7B ,-1px -1px 1px #7B7B7B;
}
.mysite section.main  .main-left .search .search-bar button {
    border: none;
    float: right;
    background: none;
    outline: none;
    position: absolute;
    top: 5px;
    right: 3px;
    cursor:pointer;
}

.mysite section.main  .main-left .search .search-bar input{
    height: 55px;
    border: none;
    float: left;
    outline: none;
    width: 815px;
    font-size: 18px;
}

.mysite section.main  .main-left .search .search-bar input::placeholder {
    font-size: 18px;
}
.mysite section.main  .main-left .search .search-bar img{
   width: 45px;
   width: 45px;
}
    /*查询结果区域*/
  .mysite section.main .main-left .search-result{
      width: 890px;
      background-color: #fff;
      padding: 5px;
      margin-top: 2px;
      position: relative;
}
    .mysite section.main .main-left .search-result .result-title{
        font:bold 18px/24px '微软雅黑';  
        text-align: center;
        padding: 5px 0;
    }
    .mysite section.main .main-left .search-result .result-info{
        width:890px;
        overflow: hidden;
    }
    .mysite section.main .main-left .search-result .result-info .rinfo-left{
        width:80px;
        height: 95px;
        padding: 10px 5px;
        float: left;
        overflow: hidden;
    }
    .mysite section.main .main-left .search-result .result-info .rinfo2-left{
        width:300px;
        height: 95px;
        padding: 10px 5px;
        margin-left: 100px;
        float: left;
        overflow: hidden;
    }
    .mysite section.main .main-left .search-result .result-info .rinfo-left img {
        width: 80px;
        height: 80px;
        border: none;
    }

    .mysite section.main .main-left .search-result .result-info .rinfo-right{
        width: 790px;
        height: 95px;
        padding: 0 5px;
        float: left;
        overflow: hidden;
    }
    .mysite section.main .main-left .search-result .result-info .rinfo-right .rinfor1{
        width: 790px;
        color: #4F4F4F;
        overflow: hidden;
    }
    .mysite section.main .main-left .search-result .result-info .rinfo-right .rinfor1 span{
        margin-right: 10px;
        display: inline-block;
        text-align: center;
        float: left;
        position: relative;
    }

    .mysite section.main .main-left .search-result .result-info .rinfo-right .rinfor1 span::after{
        content:'';
        height: 14px;
        width: 2px;
        position: absolute;
        background-color: #4F4F4F;
        top:6px;
        right:-5px;

    }
    .mysite section.main .main-left .search-result .result-info .rinfo-right .rinfor1 span:last-child::after{
        content:'';
        width: 2px;
        background-color: #fff;
    }
    .mysite section.main .main-left .search-result .result-info .rinfo-right .rinfor2{
        width: 790px;
        color: #4F4F4F;
        white-space:normal;
        white-space: pre-line;
        word-break: break-all;
        margin-top: 20px;
    }

    .mysite section.main .main-left .search-result .result-download{
        width: 300px;
        padding-right: 40px;
        background-color: #fff;
        overflow: hidden;
    }

    .mysite section.main .main-left .search-result .result-download button {
        float: left;
    }

    .mysite section.main .main-left .search-result .result-download button img {
        width: 100px;
        height: 100px;
    }

    /*外链资源*/
    .mysite section.main .main-left .resource{
        width: 890px;
        padding: 5px;
        margin-top: 2px;
        background-color: #fff;
        overflow: hidden;
        
    }
    .mysite section.main .main-left .resouce-title {
        height: 20px;
        float: left;
        line-height: 20px;
        width: 100%;
        text-align: center;
        font-weight: bold;
    }
    .mysite section.main .main-left .resource .wangpanlog{
        height: 60px;
        width: 60px;
        padding: 0 10px;
        float: left;
    }
    .mysite section.main .main-left .resource .wangpanlog  img {
        height: 60px;
        width: 60px;
    }

    .mysite section.main .main-left .resource .tiplist ul {
        float: left;
    }

    .mysite section.main .main-left .resource .tiplist ul li {
        float: left;
        height: 40px;
        width: 100px;
        padding: 10px 0;
        margin-left: 40px;
        line-height: 40px;
    }

    .mysite section.main .main-left .resource .tiplist ul li.long {
        width:150px;
    }
    .mysite section.main .main-left .resource .tiplist ul li.loong {
        width:260px;
		font-weight: bold;
		
    }
    .mysite section.main .main-left .resource .tiplist ul li a {
        text-decoration: none;
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #ff0000;
        border: 1px solid #4F4F4F;
        border-radius: 5px;
		background-color: #ffff00;
    }

    .mysite section.main .main-left .resource .tiplist ul li a:hover {
        background-color: #E0E0E0;
        font-weight: bold;
    }


    /*下载历史*/
    
    .mysite section.main .main-left .history{
        width: 890px;
        padding: 5px;
        margin-top: 2px;
        background-color: #fff;
        overflow: hidden;
    }

    .mysite section.main .main-left .history .title {
        width: 100%;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;

    }

    .mysite section.main .main-left .history  .hiscontent {
        width: 890px;
    }

    .mysite section.main .main-left .history  .hiscontent .nocontent {
        width: 880px;
        height: 100px;
        border: 2px dashed #E0E0E0;
        border-radius: 10px;
        text-align: center;
        line-height: 100px;
        color: #4F4F4F;
        margin: 5px auto 0 auto;

    }

    .mysite section.main .main-left .history  .hiscontent ul {
        margin-top: 5px;
    }

    .mysite section.main .main-left .history  .hiscontent ul li{
        width: 880px;
        height: 100px;
        border: 2px dashed #E0E0E0;
        border-radius: 5px;
        margin-top: 5px;
    }

    .mysite section.main .main-left .history  .hiscontent ul li:hover{
        background: #FCFCFC;
    }

    .mysite section.main .main-left .history  .hiscontent ul li .item-title {
        font:16px/24px '微软雅黑';
        height: 60px;
        text-align: left;
        width: 800px;
        margin: 0 auto;
    }

    .mysite section.main .main-left .history  .hiscontent ul li .item-title a {
         text-decoration: none;
         color:#2894FF;
         font-weight: bold;
    }

    .mysite section.main .main-left .history  .hiscontent ul li:first-child .item-title a {
         text-decoration: none;
         color:#FF2D2D;
         font:14px/24px '微软雅黑';
         font-weight: bold;
         text-decoration: underline;
    }

    .mysite section.main .main-left .history  .hiscontent ul li .item-content {
        height: 40px;
        width: 800px;
        margin: 0 auto;
    }

    .mysite section.main .main-left .history  .hiscontent ul li .item-content .donwnload-date {
        height: 40px;
        float: left;
    }

    .mysite section.main .main-left .history  .hiscontent ul li .item-content .donwnload-again {
        height: 40px;
        float: right;
    }
    .mysite section.main .main-left .history  .hiscontent ul li .item-content .donwnload-again img {
        height: 28px;
        height: 28px;
    }

    .mysite section.main .main-left .history .pager{
        width: 880px;
        margin-top: 5px;
        overflow: hidden;
    }


/*网页主区域右边*/
    .mysite section.main .main-right {
        margin-left: 5px;
        width: 385px;
        margin-top: 5px;
        float: left;
    }

    .mysite section.main .main-right .user {

    }

    .mysite section.main .main-right .user .title {
        width: 375px;        
        background-color: #fff;
        padding: 5px;
        font-weight: bold;
        
    }
    /*用户信息*/
    .mysite section.main .main-right .userinfo {
        width: 375px;    
        background-color: #fff;
        margin-top: 2px;
        padding: 5px;
        overflow: hidden;
    }

    .mysite section.main .main-right .userinfo .login {
        width: 100%;
        height:75px;
        padding-top: 50px;
    }
    .mysite section.main .main-right .userinfo .login  a{
        text-decoration: none;
        font-size: 16px;
        background-color: #FFCC00;
        color:#fff;
        display: block;
        height: 30px;
        border-radius: 5px;
        width: 200px;
        text-align: center;
        line-height: 30px;
        margin:0 auto;      
    }

    .mysite section.main .main-right .userinfo .login  a:hover{
        font-weight: bold;
        background-color: orange;
        color:#fff;
        display: block;
        border: 1px solid orange;    
    }

    .mysite section.main .main-right .userinfo .logined {
        width: 100%;
        height:125px;
        
    }

    .mysite section.main .main-right .userinfo .logined .loginedr1{
        height: 80px;
        width: 170px;
        margin: 0 auto;
        position: relative;
    } 



    .mysite section.main .main-right .userinfo .logined .loginedr1 img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        cursor: pointer;
    }

    .mysite section.main .main-right .userinfo .logined .nickname{
        position: absolute;
        left:60px;
        top:15px;
        cursor: pointer;
    } 

    .mysite section.main .main-right .userinfo .logined .loginedr2 {
        width: 300px;
        margin: 0 auto;
    }

    .mysite section.main .main-right .userinfo .logined .loginedr2 span {
        display: inline-block;
        width: 145px;
        position: relative;
        height: 20px;
        line-height: 20px;
    }

    .mysite section.main .main-right .userinfo .logined .loginedr2 span.t1::after {
        content: '';
        width: 2px;
        height: 10px;
        background-color:rgba(32, 32, 30, 0.3);
        position: absolute;
        top:5px;
        right: 20px;
    }

    .mysite section.main .main-right .userinfo .notlogin {
        width: 100%;
        height:125px;

    }

    .mysite section.main .main-right .userinfo .notlogin a{
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        color:#0066FF;
        display: block;
        height: 125px;
        width: 200px;
        text-align: center;
        line-height: 125px;
        margin:0 auto;
    }

    .mysite section.main .main-right .sale {
        width: 375px;    
        background-color: #fff;
        margin-top: 1px;
        padding: 5px;
        overflow: hidden;
    }
    .mysite section.main .main-right .sale .sale-title{
        width: 375px;
        font-weight: bold;
    }

    .mysite section.main .main-right .sale .sale-middle {
        overflow: hidden;
    }

    .mysite section.main .main-right .sale .sale-type{
        width: 230px;       
        float: left;
    }

    .mysite section.main .main-right  .sale .sale-type ul li {
        height: 40px;
        line-height: 40px;
    }

    .mysite section.main .main-right .sale .sale-op{
        float: left;
        width: 135px;
    }

    .mysite section.main .main-right .sale .sale-op a{
        text-decoration: none;
        font-size: 16px;
        background-color: #0066FF;
        color:#fff;
        display: block;
        height: 50px;
        border-radius: 5px;
        width: 100px;
        text-align: center;
        line-height: 50px;
        margin:0 auto;
    }

    .mysite section.main .main-right .sale .sale-op a:hover{
        font-weight: bold;
        background-color: #0033FF;
        color:#fff;
        display: block;
        border: 1px solid #0033FF;   
    }

    .mysite section.main .main-right .sale .sale-op a.buyit{
        margin-top: 10px;
    }

    .mysite section.main .main-right .sale .sale-op a.buyhistory{
        margin-top: 80px;
    }

    /*标签云*/
    .mysite section.main .main-right .tags {
        width: 375px;
        background-color: #fff;
        margin-top: 1px;
        padding: 5px;
        overflow: hidden;
    }

    .mysite section.main .main-right .tags .tags-title {
        width: 375px;
        font-weight: bold;
    }

    .mysite section.main .main-right .tags .tags-middle {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }

    /*页脚*/
    .mysite footer {
        width: 1300px;
        height: 50px;
        margin: 0 auto;
        margin-top: 10px;
    }

    .mysite footer .beian{
        width: 800px;
        height: 25px;
        margin: 0 auto;
        line-height: 25px;
        text-align: center;
    }

    /*弹出框 登录二维码*/
    .mysite div.wxhead .info {
        font-size: 18px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .mysite div.wxhead .gzh {
    }

    .mysite div.wxhead .logincountdown {
        color: #00A600;
        font-size: 14px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .mysite div.wxhead .gzh img {
        width: 248px;
        height: 248px;
        margin: 0 auto;
        display: block;
    }

    /*弹出框 个人信息*/
    .mysite div.myinfo {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }
    .mysite div.myinfo .r1 {
        width: 100%;
        overflow: hidden;
    }
    .mysite div.myinfo .r1 .info {
        float: left;
        height: 40px;
    }

    .mysite div.myinfo .r1 .name {
        float: left;
        margin-left: 15px;
        line-height: 40px;
    }
    .mysite div.myinfo .r1 .logout {
        float: right;
        height: 40px;
        cursor: pointer;
    }

    .mysite div.myinfo .r2 {
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
    }
    .mysite div.myinfo .r2 .orders {
       width: 100%;
    }

    #btn_bye{
        float: right;
    }


    /*弹出框 资源链接*/
    .mysite div.resource-link {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }
    .mysite div.resource-link .info {
        font-size: 18px;
        width: 90%;
    }
    .mysite div.resource-link .keycode {
        width: 90%;
        margin-top: 15px;
    }

    .mysite div.resource-link .rcontent {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .mysite div.resource-link .r2{
        margin-top: 10px;
    }

    /*弹出框 支付二维码*/
    .mysite div.payment .info {
        font-size: 18px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .mysite div.payment .qrpay {
    }

    .mysite div.payment .paycountdownmsg {
        color: #00A600;
        font-size: 14px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .mysite div.payment .qrpay img {
        width: 248px;
        height: 248px;
        margin: 0 auto;
        display: block;
    }

    /*弹出框 链接分享*/
    .mysite div.sharelink {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }
    .mysite div.sharelink .info {
        font-size: 16px;
        width: 90%;
    }
    .mysite div.sharelink .keycode {
        width: 90%;
        margin-top: 15px;
    }

    .mysite div.sharelink .rcontent {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .mysite div.sharelink .r2{
        margin-top: 10px;
    }

    /*iview加载样式*/
    .spin-icon-load{
        animation: ani-demo-spin 1s linear infinite;
    }



    @keyframes ani-demo-spin {
        from { transform: rotate(0deg);}
        50%  { transform: rotate(180deg);}
        to   { transform: rotate(360deg);}
    }