@charset "utf-8";
body,textarea{font: 12px/1.5 "微软雅黑", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "宋体";color:#000000;background:#FFF;} 
body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4,h5,h6, p, marquee, from{margin:0;padding:0;} 
ol, ul ,li{list-style: none;} 
img {border: 0; vertical-align:middle;} 
a{color:#333; text-decoration:none;}  
a:hover{color:#0699a0; text-decoration:none;-webkit-transition:all .2s linear;transition:all .2s linear;} 
::selection{background:#0699a0; color:#fff;}
::-moz-selection{background:#0699a0; color:#fff;}
::-webkit-selection{background:#0699a0; color:#fff;}
.l{float:left;}
.r{float:right;}
.clear{clear:both; font-size:0; line-height:0; height:0;}
.zoom::after{content:"."; display:block; height:0; clear:both; visibility: hidden;}
.zoom{clear:both;}
.zoom{*zoom:1;}
.mt2{margin-top:2px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
.mt100{margin-top: 100px;}
.wrap .nobd{border:none;}

/*common*/
.o_hide{overflow:hidden;}
.pw1100{width:1100px; margin:0 auto;}
.ptr{position:relative;}
.dsb{display:block;}
.dsl{display:inline-block;}
.alc{text-align:center;}
.all{text-align:left;}
.ftb{font-weight:bold;}
.fthin{font-weight:400;}
.ft12{font-size:12px;}
.ft13{font-size:13px;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft24{font-size:24px;}
.ft30{font-size:30px;}
.wrap a{text-decoration:none;}
.c333{color:#333;}
.c666{color:#666;}
.c777,.user,.conlist-num span a:hover{color:#777;}
.c999{color:#999;}
.btn{border-radius:5px; color:#fff !important; text-align:center; background-color:#0699a0;}
.btn:hover{background-color:#0699a0;}
.lbtn{width:110px; padding:7px 0; color:#fff; border-radius:50px; box-shadow:0 10px 20px rgba(0,89,92,0.15); background-color:#01e4eb; background:-webkit-linear-gradient(left,#01e5ee 0%,#01b0b6 100%); background:-moz-linear-gradient(left,#01e5ee 0%,#01b0b6 100%); background:-o-linear-gradient(left,#01e5ee 0%,#01b0b6 100%); background:linear-gradient(left,#01e5ee 0%,#01b0b6 100%);}
.lbtn:hover{color:#fff;}
input,button,select,textarea{border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; box-sizing:border-box;}
.user:hover,.hupload,.hupload:hover,.ausee:hover,.conright h5 a:hover,.conrig-article a:hover,.head-left>a:hover,.c1c8,.conabout a:hover,.user-box-comment p a:hover,.footer-left p a:hover,.head-left a:hover,.popbtn:hover{color:#0699a0;}
.conleft>a:hover,.conrig-info a:hover,.conrig-peop>a:hover,.footer-left a:hover,.auinfo h5 a:hover,.alltag a:hover,.shupload .shvar:hover,.user-box p a:hover,.user-box-comment p>a:hover,.art-useful:hover span{color:#0699a0;}

.hide{display: none;}

/*head*/
.head{height:70px; box-shadow:0 0 10px rgba(196, 209, 228, 0.3);}
.fixtop{width:100%; position:fixed; top:0; z-index:101; background-color:#fff;}
.head-left{width:748px;}
.head-left p a{margin-right:32px; line-height:70px; font-size:16px; color:#333;}
.head-left .logo{margin:0 42px 0 0;}
.head-left p img{margin-top:-5px;}
.search{width:290px; height:38px; margin-top:16px; overflow:hidden; border-radius:50px; position:relative;}
.search-text{display:inline-block; width:100%; height:38px; line-height:38px; padding:0 32px 0 18px; vertical-align:middle; border-top-left-radius:50px; border-bottom-left-radius:50px; background-color:#f2f2f2; font-size:14px; color:#333;}
input::-webkit-input-placeholder,input::-moz-input-placeholder,input::-o-input-placeholder，input::input-placeholder{color:#999;}
.search button{display:block; position:absolute; top:11px; right:7px; cursor:pointer; background-color:transparent;}
.head-right a{display:inline-block; margin-left:32px; margin-top:15px; font-size:12px; vertical-align:middle;line-height: 16px;margin-top: 0;}
.head-right .face{width:42px; height:42px; margin-top:15px; padding:0; border-radius:100%; background:url(../img/logo-face.png) no-repeat; background-size:100%;}
.user:before,.hupload:before,.dlicar:before{content:""; display:block; height:24px; margin:0 auto; margin-bottom:3px;}
.user:before{width:20px; background:url(../images/icon_grzx.png) no-repeat;}
.hupload:before{width:19px; background:url(../images/icon_wysc.png) no-repeat;}
.dlicar:before{width:19px; background:url(../images/icon_gwc.png) no-repeat;}
.face{padding:15px 0 13px 0;}
.face img{width:42px;height:42px;border-radius:50%;}
/*head*/

/*footer*/
.footer{padding-top:60px; border-top:1px solid #eaeaea;}
.footerl{width:210px; float:left;}
.fottell{display:block; width:197px; height:38px; margin:36px 0 9px 0; line-height:38px; font-size:16px; border:1px solid #e8e8e8;}
.fottell:hover{color:#fff; background-color:#00c1c6;}
.fottell:before{content:""; display:inline-block; width:15px; height:15px; margin-right:9px;}
.fottell:hover:before{background-position:0 -15px;}
.fotkefu{display:block; width:199px; height:33px; line-height:33px; font-size:15px; color:#fff; background-color:#0699a0;}
.fotkefu:hover{color:#fff; background-color:#00dfe7;}
.footerr{width:750px; float:right;}
.footerr div{width:155px; float:left;}
.footerr h5{margin-bottom:23px;}
.footerr h5 a{font-size:13px; font-weight:400;}
.footerr h5 a:hover{color:inherit;}
.footerr p{margin-bottom:6px;}
.footerr p a{font-size:12px;}
.footerr p a:hover{color:#0699a0;}
.footerr .footerr-img{width:97px; padding-left:29px;}
.footerr-img h4{margin-left:5px; font-size:15px; font-weight:400;}
.footext{margin-top:40px; padding:15px 0 22px 0; text-align:center; border-top:1px solid #eaeaea;}
.footext p{margin-bottom:6px; font-size:12px; text-align:center;}
.footext span{font-size:13px; color:#adadad;}

.con{margin-top:40px; margin-bottom:100px;}
.conright{width:293px;}
.conleft{width:747px;}
.conleft1{width:763px; position:relative;}
.conleft1 h1{line-height:1.2; text-align:center;}
.art-author{margin-top:15px; text-align:center;}
.art-author a,.art-author span{font-size:13px; color:#999;}
.art-author a:hover{color:#0699a0;}
.conrig-author a:hover{color:#fff;}
.art-author b{display:inline-block; height:12px; border-right:1px solid #999; margin:0 3px 0 5px; font-size:13px; color:#333; font-weight:400; position:relative; top:1px;}
.art-tags a{display:inline-block; padding:2px 15px; margin-right:7px; font-size:14px; font-weight:bold; border:1px solid #d2d2d2;}
.conleft>a{width:100%; margin-top:50px; padding:12px 0; color:#555; border-radius:50px; border:1px solid #f1f1f1;}
.alltag a{display:inline-block; padding:5px 9px; margin:0 10px 10px 0; font-size:13px; color:#849aae; background-color:#f4f7f9;}
/*common*/

.conright .rotate{-webkit-animate:rotate 1s infinite linear; animate:rotate 1s infinite linear;}
@-webkit-keyframes rotate{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}



/*app.js info sytle*/
.hs-app-mask{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(85,85,85,0.4);z-index: 999999999999999999999;}
.hs-app-mask img{ width: 24px;}
.hs-app-mask p{ font-size: 13px;color: #fff;min-height: 25px;overflow: hidden;width:100%;word-wrap: break-word;text-align: center;padding: 0 5px ;margin-bottom: 10px;}
.hs-app-info{position: fixed;width: 300px;text-align: center;background-color: #444;border-radius: 10px;box-shadow: 0 0 10px #969696;right: 50%;top: 50%;margin: -70px -150px 0 0;z-index: 9999999999999999999999;font-size: 13px;color: #fff;line-height: 30px;padding: 20px 10px;}
.hs-app-error{position: fixed;width: 300px;text-align: center;background-color: #ff2f2f;border-radius: 10px;box-shadow: 0 0 10px #969696;right: 50%;top: 50%;margin: -70px -150px 0 0;z-index: 9999999999999999999999;font-size: 13px;color: #fff;line-height: 30px;padding: 20px 10px;}

.theme-box {margin:10px auto; height:30px; line-height:30px;text-align: center;}
.theme-box a{padding:5px 10px; color:#fff; background-color:#0699a0; border:1px solid #0699a0; margin:0 10px;}
.theme-box a:hover{text-decoration:none;}
.theme-box a.touch{background-color:#ff6600; border:1px solid #ff6600;}

.dlipop{width:400px; height:240px; margin:auto;	text-align:center; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.2); position:fixed; top:50%; left:50%; margin-left:-200px; margin-top:-120px; z-index:9999; background-color:#fff;}
.dlipop h3{display:inline-block; margin-top:55px; font-size:25px; font-weight:400; color:#0699a0;}
.dlipop p{margin-top:15px; margin-bottom:20px; text-align:center; font-size:18px; color:#777;}
.dlipop a{display:inline-block;	width:120px; height:38px; line-height:38px;	font-size:15px;	border-radius:5px;}
.dlipop .dlidely{margin-right:30px;	color:#666;	background-color:#eaeaea;}
.dlipop .dlidely:hover{text-decoration:none; background-color:#dcdbdb;}
.dlipop .dlinow{color:#fff;	background-color:#0699a0;}
.dlipop .dlinow:hover{text-decoration:none; background-color:#00dfe7;}

.dl-side{width:92px; height:290px; border-radius:10px; position:fixed; top:174px; right:35px; z-index:12; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.14);}
.dl-side h5{height:37px; line-height:37px; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; background-color:#0699a0;}
.dl-side h5 a,.dl-side h5 a:hover{color:#fff;}
.dl-side h5 a{margin-left:-7px;}
.dl-side p{width:65px; margin:0 auto;}
.dl-side p a{display:block; height:62px; font-size:14px; border-bottom:1px dashed #e5e5e5;}
.dl-side .dl-side-icon5{height:auto; margin-top:18px; border-bottom:none; color:#999;}
.dl-side .dl-side-icon5:hover,.dl-side p a:hover{color:#0699a0;}
.dl-side h5 i{display:inline-block; margin-top:-3px;}
.dl-side p i{display:block; margin:16px auto 2px auto;}
.dl-side i{width:26px; height:26px; vertical-align:middle; background:url(../images/dl-side.png) no-repeat;}
.dl-side-icon1 i{background-position:0 -26px;}
.dl-side-icon2 i{background-position:0 -52px;}
.dl-side-icon3 i{background-position:0 -78px;}
.dl-side-icon4 i{background-position:0 -104px;}
.dl-side a:hover i{-webkit-animation:turn 1.8s ease; -moz-animation:turn 1.8s ease; -ms-animation:turn 1.8s ease; animation:turn 1.8s ease;}
.dl-side span{display:none; padding:10px 20px; border-radius:6px; box-shadow:0 0 10px rgba(0,0,0,0.14); position:absolute; top:0px; left:-245px; background-color:#fafafa;}
.dl-side span:after{content:""; display:inline-block; width:16px; height:33px; background:url(../images/dl-sangle.png) no-repeat; position:absolute; top:15px; right:-14px;}
.dl-side a:hover span{display:block;}
.dl-side b{display:block; margin-top:-6px; font-size:22px; color:#0699a0;}

@-webkit-keyframes turn{
	0{-webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(360deg);}
}
@-moz-keyframes turn{
	0{-moz-transform:rotateY(0deg);}
	100%{-moz-transform:rotateY(360deg);}
}
@-ms-keyframes turn{
	0{-ms-transform:rotateY(0deg);}
	100%{-ms-transform:rotateY(360deg);}
}
@keyframes turn{
	0{transform:rotateY0deg);}
	100%{transform:rotateY(-360deg);}
}