@charset "utf-8";
/*全局样式*/
body{margin:0px;padding:0px;color:#000;font-size:12px;font-family:Microsoft YaHei,Gotham-Book;background:#fefcf8}
div{margin:0px;padding:0px;border:0px}
ol,ul,li{padding:0px;margin:0px;border:0px;list-style:none;font-size:1em;}
h1,h2,h3,h4,h5{margin:0px;padding:0px;border:0px;font-weight:normal;font-size:1em;}
input{outline:none;border-radius:0px;border:0px;}
span{padding:0px;border:0px;}
p{margin:0px;border:0px;padding:0px;}
img{max-width:100%;margin:0px;padding:0px;border:0px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}

@font-face{font-family:'Gotham-Book';src:url('//gw-data.coimg.cn/font/Gotham-Book.otf');src:url('//gw-data.coimg.cn/font/Gotham-Book.eot?#iefix') format('embedded-opentype'),url('//gw-data.coimg.cn/font/Gotham-Book.woff2') format('woff2'),url('//gw-data.coimg.cn/font/Gotham-Book.woff') format('woff'),url('//gw-data.coimg.cn/font/Gotham-Book.ttf') format('truetype'),url('//gw-data.coimg.cn/font/Gotham-Book.svg#webfont') format('svg');}


/*Head-box*/
.head-box{width:100%;height:60px;background:#f9f5ea;border-bottom:1px solid #f4ebd3}
.head-box .head{width:1100px;height:60px;margin:0 auto}
.head .logo{width:auto;height:36px;margin:12px 0px 0px 10px;float:left}
.logo img{width:auot;height:36px;}
.head .nav{width:525px;height:36px;float:left;margin:12px 0px 0px 40px;}
.head .nav ul{list-style:none;display:block;float:left}
.head .nav ul li{width:auto;font-size:16px;line-height:36px;padding:0px 25px;text-align:center;float:left;position:relative;}
.head .nav ul li a{width:auto;font-family:Microsoft YaHei,Gotham-Book;display:block;font-size:16px;color:#222;text-decoration:none;}
.head .nav ul li a:hover{width:auto;color:#222;display:block;line-height:36px;}

.search{width:auto;height:36px;margin:12px 0px 0px 50px;float:left;}
.inputstyle{width:200px;height:34px;color:#555;font-size:15px;font-family:Microsoft YaHei,Gotham-Book;line-height:36px;display:block;padding:0px 12px;background:#fff;border-top-left-radius:5px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:0px;outline:none;border-left:1px solid #f4ebd3;border-bottom:1px solid #f4ebd3;border-top:1px solid #f4ebd3;float:left}

.inputstyle:focus{font-family:Microsoft YaHei,Gotham-Book;font-size:15px;color:#555;}

.submit{width:30px;height:36px;padding:0px 20px 0px 10px;background:url(//gw-data.coimg.cn/images/search-img.png) #fff no-repeat center left;border-top-left-radius:0px;border-top-right-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:5px;margin-right:0px;float:left;border-right:1px solid #f4ebd3;border-bottom:1px solid #f4ebd3;border-top:1px solid #f4ebd3;outline:none;}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}


.head .user-login{width:80px;height:34px;text-align:center;margin-top:13px;float:right;}
.head .user-login a{width:80px;height:34px;font-family:Microsoft YaHei,Gotham-Book;display:block;border-radius:5px;background:#d60702;font-size:16px;color:#fff;line-height:31px;text-decoration:none;}
.head .user-login a:hover{color:#fff;display:block;height:34px;line-height:32px;border-radius:5px;background:#c20500}


/*Center-side*/
.center-side{width:1100px;height:auto;margin:20px auto auto auto;overflow:hidden;}

/*Center-left*/
.center-side .center-left{width:695px;height:auto;float:left;}

/*content*/
.center-left .main-text{width:690px;height:auto;margin:0 auto;border:#f4ebd3 solid 1px;box-shadow:0 0 10px rgba(0,0,0,0.060);background:#fff;border-radius:5px;}
.main-text .title-box{width:650px;height:auto;color:#666;line-height:25px;margin:30px auto 15px auto;text-align:center;}
.main-text .title-box h1{font-family:Microsoft YaHei,Gotham-Book;font-size:24px;color:#111;text-decoration:none;margin-bottom:5px;}
.main-text .title-box span{font-size:13px;color:#666;padding-top:10px;}
.main-text .title-box span a{font-family:Microsoft YaHei,Gotham-Book;font-size:13px;color:#666;text-decoration:none;}
.main-text .title-box span a:hover{color:#666; text-decoration:none;}

.main-text .content{width:fit-content;height:auto;margin:0 auto;padding:0 40px;}
.main-text .content p{font-family:Microsoft YaHei,Gotham-Book;font-size:16px;color:#262626;line-height:36px;}

.meta-box{width:180px;height:70px;margin:50px auto 40px auto;}

.meta-box .zan{width:60px;height:70px;float:left}
.meta-box .zan .zan-a{width:60px;height:60px;margin:0 auto;display:block;background:url(//gw-data.coimg.cn/images/like-icon.svg) no-repeat center top 10px;background-size:25px auto;line-height:85px;text-align:center;border:#f4ebd3 solid 1px;box-shadow:0 0 10px rgba(0,0,0,0.060);border-radius:50%;}
.meta-box .zan a{font-size:13px;color:#666;text-decoration:none;display:block;}
.meta-box .zan a:hover{text-decoration:none;font-size:13px;display:block;background:url(//gw-data.coimg.cn/images/like-icon-red.svg) no-repeat center top 10px;background-size:25px auto;}
.meta-box .zan a:visited{text-decoration:none;font-size:13px;display:block;background:url(//gw-data.coimg.cn/images/like-icon-red.svg) no-repeat center top 10px;background-size:25px auto;}

.meta-box .for{width:60px;height:60px;float:right}
.meta-box .for .for-a{width:60px;height:60px;margin:0 auto;display:block;background:url(//gw-data.coimg.cn/images/folder-icon.svg) no-repeat center center;background-size:30px auto;text-align:center;border:#f4ebd3 solid 1px;box-shadow:0 0 10px rgba(0,0,0,0.060);border-radius:50%;}
.meta-box .for a{text-decoration:none;display:block;}
.meta-box .for a:hover{display:block;background:url(//gw-data.coimg.cn/images/folder-icon-red.svg) no-repeat center center;background-size:30px auto;}
.meta-box .for a:visited{display:block;background:url(//gw-data.coimg.cn/images/folder-icon-red.svg) no-repeat center center;background-size:30px auto;}

.center-left .note-other{width:690px;height:auto;margin:20px auto auto auto;border:#f4ebd3 solid 1px;box-shadow:0 0 10px rgba(0,0,0,0.060);background:#fff;border-radius:5px;}
.note-other .note-text{width:fit-content;margin:18px 40px 35px 40px;height:auto;}
.note-other .note-text p{font-family:Microsoft YaHei,Gotham-Book;font-size:16px;color:#262626;margin-top:8px;line-height:33px;}
.note-other .note-text h1{width:530px;text-indent:0.8em;font-size:22px;color:#000;line-height:50px;background:url(//gw-data.coimg.cn/images/title-bg.gif) no-repeat left center;margin:10px 0px 5px 0px;}


.note-other .note-text ul{font-size:16px;padding-left:38px;font-family:Microsoft YaHei,Gotham-Book;color:#333;}
.note-other .note-text ul li{list-style-type:disc;padding-left:0px;line-height:30px;margin:5px 0px}
.note-other .note-text ul li a{font-family:Microsoft YaHei,Gotham-Book;color:#3d86ca;text-decoration:none;font-size:16px;border-bottom:1px dotted #999}
.note-other .note-text ul li a:hover{color:#9d0000;text-decoration:none;}
.note-other .note-text ul li::marker{color:#aaa;}
.note-other .note-text i{font-family:Microsoft YaHei,Gotham-Book;font-size:16px;color:#262626;}


/*Item-box*/
.center-left .item-list{width:692px;height:auto;margin:15px auto auto auto;}
.center-left .item-list ul{width:690px;height:auto;margin:0 auto;border:#f4ebd3 solid 1px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.060);background:#fefefe;padding-bottom:10px}

.center-left .item-list ul li{width:690px;height:auto;line-height:24px;margin:0 auto;border-bottom:#f4ebd3 solid 1px;}
.item-ment{width:635px;height:auto;margin:25px auto 10px auto;overflow: hidden;}
.center-left .item-list ul li .item-ment h1 a{font-family:Microsoft YaHei,Gotham-Book;font-size:23px;color:#111;text-decoration:none}
.center-left .item-list ul li .item-ment h1 a:hover{color:#d60702;text-decoration:none}
.center-left .item-list ul li .item-ment span{font-size:13px;color:#666;line-height:28px}
.center-left .item-list ul li .item-ment span a{font-family:Microsoft YaHei,Gotham-Book;font-size:13px;color:#666;text-decoration: none;}
.center-left .item-list ul li .item-ment span a:hover{color:#999;text-decoration:none}

.center-left .item-list ul li .item-detail{width:635px;height:auto;margin:auto auto 35px auto;overflow:hidden;}
.center-left .item-list ul li .item-detail p{font-family:Microsoft YaHei,Gotham-Book;font-size:16px;color:#262626;margin-top:15px;line-height:30px;}
.center-left .item-list ul li:last-child{border-bottom:none;}


/*Author*/
.author-box{width:690px;height:auto;margin:15px auto auto auto;border:#f4ebd3 solid 1px;border-radius:5px;background:#fefefe;padding-bottom:10px}
.author-box .author{width:650px;height:auto;font-family:Microsoft YaHei,Gotham-Book;font-size:16px;color:#262626;margin:0 auto;line-height:30px;padding:12px 0px 5px 0px}
.author-box .author p{margin-top:10px}
.author-box .author span{width:70px;height:60px;float:left;border:0px}
.author-box .author span img{width:60px;height:auto;border-radius:50%;margin:0px 0px 20px 0px;padding-bottom:15px;border:0px}
.author-box .author a{font-family:Microsoft YaHei,Gotham-Book;font-size:18px;color:#af6000;text-decoration:none;}
.author-box .author a:hover{color:#d60702;text-decoration:none;}
.author-box .author .shu{font-family:Microsoft YaHei,Gotham-Book;font-size:14px;color:#d60702;text-decoration:none;}
.author-box .author .shu:hover{color:#e10642;text-decoration:none;}



/*Center-right*/
.center-side .center-right{width:375px;height:auto;float:right;}

.collection{width:375px;height:auto;}
.collection .collectiontitle{width:375px;height:35px;}
.collection .collectiontitle h1{width:365px;text-indent:1em;font-family:Microsoft YaHei,Gotham-Book;font-size:18px;color:#000;line-height:35px;background:url(//gw-data.coimg.cn/images/title-bg.gif) no-repeat left center;}
.collection ul{margin-top:5px;padding:0px;font-size:14px;padding-left:35px;line-height:34px;font-family:Microsoft YaHei,Gotham-Book;color:#000;}
.collection ul li{list-style-type:disc;padding-left:0px;}
.collection ul li a{font-size:16px;font-family:Microsoft YaHei,Gotham-Book;color:#000;text-decoration:none;}
.collection ul li a:hover{text-decoration:none;color:#9d0000;}

.relevanttitle{width:660px;height:auto;margin-top:15px;padding:10px 15px 10px 15px;background:#fff;border:#f4ebd3 solid 1px;}
.relevanttitle h1{text-indent:1em;font-family:Microsoft YaHei,Gotham-Book;font-size:22px;color:#000;line-height:35px;background:url(//gw-data.coimg.cn/images/title-bg.gif) no-repeat left center;}


/*Footer*/
.footer-box{width:auto;height:60px;margin:50px auto auto auto;background:#f9f5ea;border-top:1px solid #f4ebd3}
.footer-box .cr-font{width:1000px;height:20px;font-family:Microsoft YaHei,Gotham-Book;font-size:13px;color:#999;text-align:center;line-height:20px;margin:25px auto auto auto;}

.footer-box .cr-font a{font-family:Microsoft YaHei,Gotham-Book;font-size:13px;color:#999;margin-left:8px;text-decoration:none;}
.footer-box .cr-font a:hover{color:#666;}



/*Scrolltotop*/
.cd-top {display: inline-block;height: 40px;width:40px;position:fixed;bottom:80px;right:30px;/* image replacement properties */overflow: hidden;text-indent: 100%;white-space: nowrap;background: rgba(184, 184, 184, 0.8) url(//gw-data.coimg.cn/images/cd-top-arrow.svg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border-radius:5px;}
.cd-top a{color:#fff;text-decoration:none}
.cd-top.cd-is-visible {/* the button becomes visible */visibility: visible;opacity: 1;}
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */opacity: 0.8;}
.no-touch .cd-top:hover {background-color: #999;opacity: 1;}


/*LoginUp*/
.login-box{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:none;z-index:1001;}
.login{width:400px;height:auto;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:10px;display:none;}

.login .login-head{width:200px;height:36px;text-align:center;margin:30px auto}
.login-head h1{font-family:Microsoft YaHei,Gotham-Book;font-size:26px;font-weight:bold;color:#333;}

.login-side{width:300px;height:auto;margin:auto auto 80px auto;}
.login-side .user-name{width:300px;height:45px;}
.login-side .name-input{width:285px;height:45px;border:0px;font-family:Microsoft YaHei,Gotham-Book;color:#333;font-size:16px;line-height:35px;border-radius:6px;background:#f3f3f3;padding:0px 10px;}
.login-side .name-input:focus{width:281px;height:41px;font-size:16px;font-family:Microsoft YaHei,Gotham-Book;color:#333;line-height:35px;outline:none;border:#ccc solid 2px;}



.login-side .user-password{width:300px;height:45px;margin-top:25px;}
.login-side .pass-input{width:285px;height:45px;border:0px;font-family:Microsoft YaHei,Gotham-Book;color:#333;font-size:16px;line-height:35px;border-radius:6px;padding:0px 10px;background:#f3f3f3;}
.login-side .pass-input:focus{width:281px;height:41px;font-size:16px;font-family:Microsoft YaHei,Gotham-Book;color:#333;line-height:35px;outline:none;border:#ccc solid 2px;}

.login-side .other-box {width:300px;height:30px;margin:15px auto auto auto}
.login-side .other-box .reg{font-family:Microsoft YaHei,Gotham-Book;color:#c20500;float:left}
.login-side .other-box .reg a{color:#c20500;font-size:14px;font-family:Microsoft YaHei,Gotham-Book;text-decoration:none;}
.login-side .other-box .reg a:hover{color:#c20500;text-decoration:none;}
.login-side .other-box .zpass{font-family:Microsoft YaHei,Gotham-Book;color:#333;float:right}
.login-side .other-box .zpass a{color:#c20500;font-size:14px;font-family:Microsoft YaHei,Gotham-Book;text-decoration:none;}
.login-side .other-box .zpass a:hover{color:#c20500;text-decoration:none;}


.login-side .enter-button{width:300px;height:48px;margin-top:25px;}
.login-side .button-style{width:300px;height:48px;border-radius:10px;font-family:Microsoft YaHei,Gotham-Book;font-size:18px;color:#fff;background:#d60702;border:0px}
.login-side .button-style:hover{background:#c20500;color:#fff;display:block;height:48px;border-radius:10px;}


.login .Close{width:40px;height:40px;background:url(//gw-data.coimg.cn/images/close-ico.png) no-repeat center center;background-size:40px 40px;margin:auto auto 40px auto;}
.login .Close a{width:40px;height:40px;display:block;}
.login .Close a:hover{text-decoration:none;}


