/*rest css*/
body{ font-family:Avenir,"Microsoft YaHei",Lucida Sans Unicode,Verdana, Helvetica, Arial, sans-serif;}
ul,ul li,p{list-style: none; margin:0; padding: 0;}
.pos{ position: relative;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.mau{margin:0 auto;}
a,a:visited,a:active,
a:hover{color: #444; text-decoration: none!important;}
a.login-btn1{display: block; height: 5rem; line-height: 5rem; text-align: center; background: #0d5bae;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
    color: #fff;
}
a.btn-more{display: block; width: 45%; height: 3rem; line-height: 3rem; text-align: center;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
    }
a.mylibrary{display: block; height: 2.4rem; line-height: 2.4rem;
/*
	border: 1px solid #0d5bae;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
*/
    padding: 0 0.6rem; margin-top: 0.5rem;
    position: absolute; right: 1rem; top: 0;
}

a.personal{display: block; width: 88%;  margin: 1.5rem auto 0.5rem auto; border: 1px solid #0d5bae;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
    text-align: center;
    padding: 1rem 0;
    background: #f6fafd;
}
/* animate*/
.animate
{ -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.radius4{
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;}
.box-shadow{box-shadow: 0px 0px 15px 0px rgba(13,91,174,0.5)}
/* font */
.blod{font-weight: bold;}

.font16{font-size: 1.6rem!important;}
.font18{font-size: 1.8rem!important;}
.font24{font-size: 2.4rem!important;}
.font22{font-size: 2.2rem!important;}
.font20{font-size: 2rem!important;}
/* line */
.line{border: 1px solid #e0eaf4;}
.line2{border: 1px solid #0d5bae;}
.line3{border: 1px solid #dcdcdc;}
.line2-r{border-right: 1px solid #0d5bae;}
.line-b{border-bottom: 1px solid #e0eaf4;}
.line-t2{border-top: 1px solid #a3b7d8;}
.line-b2{border-bottom: 1px solid #a3b7d8;}
.line-b4{border-bottom: 4px solid #0d5bae; display: inline-block; height: 4rem; line-height: 4rem; }
.line-h4{height: 4rem; line-height: 4rem; }
.line-h45{height: 4.5rem; line-height: 4.5rem; }
.line-h5{line-height: 5rem; }
/* color */
.blue{color: #0d5bae;}
a.blue{color: #0d5bae;}
.blue2{color: #a3b7d8;}
a.blue2{color: #a3b7d8;}
.blue3{color:#3f94e8;}
.color-wit{color:#fff; }
.color7{color:#777; }
.color9{color:#999; }
.green{color: #7ac645;}
.gray{color:#a4a4a4!important;}
/* bg */
.bg-blue{background: #e0eaf4;}
.bg-blue2{background: #0d5bae;}
.bg-wit{background: #fff;}
.bg-gray{background:#f6f6f6;}


/* padding */
.pl5{padding-left: 0.5rem;}
.ptb2{padding: 0.3rem 1rem 0.3rem 1rem;}
.pt10{padding-top: 1rem;}
.pl10{padding-left: 1rem;}
.pb10{padding-bottom: 1rem;}
.pr10{padding-right: 1rem;}
.ptb10{padding: 1rem 0!important;}
.plr10{padding:0 1rem;}
.ptb5{padding:0.5rem 0!important;}

.pd15{padding: 1.5rem;}
.pt15{padding-top: 1.5rem;}
.pb15{padding-bottom: 1.5rem;}
.pl15{padding-left: 1.5rem;}
.pr15{adding-right: 1.5rem;}
.plr15{padding:0 1.5rem;}
.ptb15{padding-top:1.5rem; padding-bottom: 1.5rem}

.pd20{padding: 2rem;}
.plr20{padding-left:2rem; padding-right:2rem;}
.plr30{padding-left:3rem; padding-right:3rem;}
.pt20{padding-top: 2rem;}
.pl20{padding-left: 2rem;}
.pr20{padding-right: 2rem;}
.pb20{padding-bottom: 2rem;}


.m15{margin: 1.5rem;}
.mt10{margin-top: 1rem!important;}
.mt15{margin-top: 1.5rem;}
.mt20{margin-top: 4rem!important;}
.mt30{margin-top: 3rem;}
.mb15{margin-bottom: 1.5rem!important;}
.mb100{margin-bottom: 10rem!important;}
.ml15{margin-left: 1.5rem;}
.mr15{margin-right: 1.5rem!important;}
.mr10{margin-right: 1rem!important;}
.mlr15{margin:0 1.5rem;}
.mt150{margin-top:15rem!important}
.mt80{margin-top:8rem!important}
.mtp35{margin-top:35%!important;}
.mtp15{margin-top:15%!important;}
.mr0{margin-right:0!important}
.mr5{margin-right:0.5rem!important}

.pt60{padding-top: 5rem}
.pt35{padding-top: 3rem}
.pt100{padding-top: 10rem}

/* box */


.box28{width: 22%;}
.box31{width: 31%;}
.box33{width: 33%;}
.box50{width: 49.5%;}
.box60{width: 60%;}
.box70{width: 70%;}
.box75{width: 75%;}
.box82{width: 82%; }
.box90{width: 90%;}
.box100{width: 100%;}


.img-box{width: 100%;}
.img-box img{width: 100%;}
.img-boxh80{height: 4.2rem;}
.img-boxh80 img{height: 100%;}
/* height */
.h40{height: 4rem;}
.h40-hl{line-height: 4rem;}
/* login */
.input1,.input2{ width: 100%; height: 4.4rem; position: relative; overflow: hidden;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
}
.input2{height: 4rem;}
.input1 input.inp-login{position: absolute; left: 5rem; top:0; height: 4.4rem; width: 85%;
    outline: 0px auto -webkit-focus-ring-color; color:#0d5bae;
    outline-offset: -0px; border: none; background: transparent;}
.input1 span.inp-login,.input1 i.inp-login,.input1 div.inp-login{position: absolute; top: 1rem; }
.input1 span.inp-login{left: 5rem; width: 35%; color:#0d5bae; top: 1.2rem; font-weight: bold;}
.input1 i.inp-login{left: 1rem; top: 0.5rem; background: #7ac645; color: #fff; display: block; padding-top: 0.15rem;
    width: 2.8rem; height: 2.8rem; line-height: 2.8rem; text-align: center;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
}
.input1 div.inp-login{display: none; right: 0.5rem; top: 1.2rem; background: rgba(0,0,0,0.5); text-align: center;; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; border-radius: 1.6rem; overflow: hidden; color: #fff;}

.input1 .dw-inp{left: 1rem!important; }
.txt-dw{position: absolute; left: 0; top: 0; text-align: right; width: 25%; line-height: 4rem;}


.input1 input.inp-list{position: absolute; left: 1.5rem; top:0.2rem; height: 4rem; width: 70%;
    outline: 0px auto -webkit-focus-ring-color; color:#0d5bae;
    outline-offset: -0px; border: none; background: transparent;}
.input1 span.inp-list,.input1 i.right-btn,.input1 div.inp-list{position: absolute; top: 1rem; }
/*
.input1 span.inp-list{left: 1.5rem; width: 50%; color:#0d5bae; top: 1.2rem; font-weight: bold;}
*/
.input1 i.right-btn{right: 8rem; top: 1.1rem; color: #7ac645; display: block; text-align: center; }
.input1 div.inp-list{display: none; right: 10.5rem; top: 1.35rem; background: rgba(0,0,0,0.5); text-align: center;; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; border-radius: 1.6rem; overflow: hidden; color: #fff;}
.input1 a.soso-btn{display: block; position: absolute; right: 0; top: 0; width: 7rem; height: 4.4rem; line-height: 4.4rem;
color: #fff; text-align: center;
    border-bottom-right-radius: 0.4rem;
    border-top-right-radius: 0.2rem;
}

.del-advanced{position: absolute; right: 1.5rem; top: 0.8rem;}
.mychecbox{display: block; width: 50%; float: left; padding-left: 2rem;}
.mychecbox input[type="checkbox"]{ position: absolute; left: 0; top: -0.2rem;}
.dw-data{position: absolute; left: 40%; top: 0.8rem;}


ul.list li{ line-height: 2rem; padding:2rem 1.5rem 1.5rem 1.5rem;background-color:#fff; position: relative;margin-bottom:1.5rem; }
.dw-tool{padding:1.5rem 0 0 0;}
.dw-tool a{width:49%;text-align: center;display: inline-block;}
.txt-box{display: block; height: 5rem; overflow: hidden;}

.language{position: absolute; right: 1.5rem; top: 2rem; width: 6rem; }

.language-en {display: inline-block; width: 3.6rem; height: 1.8rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    position:relative; margin-right: 2rem;
    background: #dbdee5;
}
.language-en .dw-radio{display: inline-block;  width:1.8rem; height: 1.8rem;overflow: hidden;background: #fff;border: 2px solid #dbdee5;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}
.language-en .txt-en{position: absolute; left: -2rem; top:0.1rem; color: #5b94fa;}
.language-en .txt-cn{position: absolute; right: -2rem; top:0.1rem;}

.text-right .language-en {background: #5b94fa!important;}
.text-right .dw-radio {border:1px solid  #5b94fa!important;}
.text-right .txt-en{color: #333!important;}
.text-right .txt-cn{color: #5b94fa;}

.fulltxt{position: absolute; right: 0; top: 4.2rem;width: 100%;display: none;}
.fulltxt a{display: block; text-align: center; height: 3.6rem; line-height: 3.6rem;}
.fulltxt-show{display: block;}
/*modeal*/
.right-box,.right-list,.right-list2,.login-box{position: fixed; right: 0; bottom: 0; display: none; z-index: 999;}
.login-box{display: block!important; width: 100%; top: 0;}
.btn-box{ width: 90%; z-index: 1000; border-top: 1px solid #eee;}
.right-box{ background: rgba(0,0,0,0.5); width: 100%; top: 0;}
.right-list,.right-list2{width: 84%; margin:0; overflow-y: auto; top: 0;}
.myselected{background: #ec343e!important; color:#fff;}
.box-inp{display:block; height: 3.6rem; line-height: 3.6rem; clear: both; margin: 1rem 0 0 0; overflow: hidden;}


.pop-btn{position:absolute;bottom:0}
a.btn50,a.btn33,a.btn25,a.btn100{display: block; height: 3.6rem;line-height: 3.6rem;text-align: center}
a.btn50{width: 50%; }
a.btn45{width: 45%; display: block; height: 4rem; line-height: 4rem; text-align: center; margin: 1rem 0;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
}
a.btn100{width:100%;height: 4rem; line-height: 4rem;font-size:1.5rem}
a.btn33{width: 33.3%; }
a.btn25{width: 25%; }
a.active1{background: #0d5bae;color: #fff;}
.select1{border: none; outline: none; padding-left: 0.5rem; background: rgba(255,255,255,0);}
.select1 option{width: 100%;}
.select2{border:1px solid #dcdcdc!important;padding:0.2rem;}



/*mylibrary.html*/
.library-tab {clear: both; background: #fff; overflow: hidden; }
.library-tab li{ width: 25%; float: left;}
/*
.nav>li>a {
    position: relative;
    display: block;
    padding: 1.2rem 1rem; text-align: center;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #0d5bae;color: #fff;
}
*/
.library-tab li.active a{background: #0d5bae; color: #fff;}
.library-list li{padding:1.5rem 0 1.5rem 7rem; position: relative; border-bottom: 1px solid #a3b7d8; }
.dw-library{position: absolute; left: 0; top: 1.5rem; text-align: center;}
.personal-data,.password-data{background: #fff;}
.pl30{padding-left: 25%;}


/*my-tabs*/
.my-tabs{
	padding:0.3rem 0rem;
    border-bottom: 0;text-align: center}
.my-tabs li{padding:0!important;line-height:2.8rem!important;margin-bottom: 0!important;width:25%;}
.my-tabs li a{padding:0.8rem 1rem;border-radius:0;margin-right:0;line-height: 0; display: inline;color:#0d5bae;}
.my-tabs>li.active>a, .my-tabs>li.active>a:focus, .my-tabs>li.active>a:hover{
    cursor: default;
    background-color: #0d5bae;
    border-bottom-color: transparent;color:#fff;border:0;border-radius: 0;}
.tab-pane{border:1px solid #0d5bae;padding:1.25rem;}

.journal{height:2.5rem;margin-bottom:1rem;}
.journal:last-child{margin-bottom:0;}
.journal img,.login-info img{height:100%;}
.journal a{height:2.5rem;line-height: 2.5rem;vertical-align: middle}

.login-info{height:3rem;text-align:center;margin:1rem 0;}
.login-info span{height:3rem;line-height: 3rem;vertical-align: middle}


/*line*/
.bb1{border-bottom:1px solid #f6f6f6;}


.search{width:75%;margin-left:1.5rem;}
.myuser{top:1.5rem!important;padding:0!important;}
.myuser i{font-size:2.5rem;}

.top-btn{position:absolute;top:1rem;right:1.5rem;}
.top-btn2{position:absolute;top:0.3rem;right:1.5rem;}
.icon-tongji,.icon-filter-fill{color:#8b8d91;}
.icon-filter-fill{font-size:2rem!important;position:absolute;top:0;right:0.1rem;}
.icon-tongji{position:absolute;top:0.2rem;right:3.5rem;}


.cited{display: inline-block;border:1px solid #76b7fc;background-color:#e2f0ff;padding:0.1rem 0.5rem}

/*折叠*/
.pop-tit{height:5rem;line-height:5rem;padding-left:1.25rem;font-size:1.8rem;border-bottom:1px solid #dcdcdc;}
.menu-list{margin:0px auto;width:100%;}
.menu-head{width:100%;height:4rem;line-height:4rem;padding-left:1.25rem;border-bottom:1px solid #f0f0f0;/*border-top:1px solid #dcdcdc;*/cursor:pointer;position:relative;background:url(../images/pro-up.jpg) right 1rem top 1.5rem no-repeat;}
.menu-list .current{background:url(../images/pro-down.jpg)  right 1rem top 1.5rem no-repeat;}
.menu-body{width:100%;height:auto;overflow:hidden;padding:1.5rem;display:none;border-bottom:1px solid #f0f0f0;}
.menu-block{display:block;}

.menu-body ul li{clear:both;line-height: 2.8rem}
.menu-body ul li a{display:block;text-decoration:none;}
.menu-body a:hover{text-decoration:none;}

/*index*/
.copyright{position:fixed;bottom:0;text-align:center;width:100%;}
.copyright p{line-height:2.5rem;}
.history{border-bottom:1px solid #dcdcdc;margin:3rem 3rem 0 3rem;padding:0.5rem 1rem;}
.record{margin:2rem 3rem 0 3rem;padding:0.5rem 1rem;}
.record li{line-height:3rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.record li a{color:#0d5bae}

.index-bg{background:#f6f6f6 url(../images/index-bg.png) no-repeat;background-size:100%;

}
.box-shadow {box-shadow:0 0.1rem 0.5rem #516ea2}

.add-advanced{border:1px solid #0d5bae;padding:0.5rem 0 0.5rem 0.8rem;}
.myuser2{margin-top:2rem!important;}

/*advanced*/
.b0{border:0!important;}
.check-con label{margin-bottom:1rem;font-weight:normal}
.bottom-btn{position:fixed;bottom:2rem;left: 0; right: 0; margin-left: auto; 
  margin-right: auto;}
.tit-txt{text-align:center;line-height:5rem;}


/*personal*/
.personal-head{height:16rem;}
.grad{background-image:linear-gradient(to top,#3f92e7,#4956d1)}
.user-box,.personal-menu{width:86%;position:absolute;left:7%;right:7%;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.user-box{background-color:#fff;top:10rem;height:12rem;}
.user-name,.user-id{margin:0 auto;width:9.5rem;text-align: center;position:absolute;left:0;right:0}
.user-name{top:5rem;}
.user-id{top:8rem;}
.more-btn{position:absolute;right:1.5rem;top:1.5rem;}
.back-home{position:absolute;left:1.5rem;top:1.5rem;}

.portrait-box{width:8rem;margin:0 auto;position:absolute;top:-4rem;left:0;right:0;}
.portrait-box img{width:100%;}

.personal-menu ul li{background:#fff;padding:1rem 1.5rem;margin-bottom:1.5rem;}
.personal-menu ul li a{display:inline-block;}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.2em;
  fill: currentColor;
  overflow: hidden;
}

/*my-tabs2*/
.my-tabs2{
	padding:0.3rem 0rem;
    border-bottom: 0;text-align: center;margin:0.1rem 0;}
.my-tabs2 li{padding:0!important;line-height:2.8rem!important;margin-bottom: 0!important;width:25%;}
.my-tabs2 li a{padding:0.8rem 1rem;border-radius:0;margin-right:0;line-height: 0; display: inline;color:#333;}
.my-tabs2>li.active>a, .my-tabs2>li.active>a:focus, .my-tabs2>li.active>a:hover{
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;color:#0d5bae;border:0;border-radius: 0;}

.tab-pane2{padding:0}

/**/
.p2{padding:1.5rem 2rem;}
.order-num{padding:0.5rem 2rem;}
.w6{width:6rem;}
.ml6{margin-left:6rem;}
.bt1{border-top:1px solid #f6f6f6;}


input[type=text] {
    outline: none;
    -webkit-appearance: none;
}