@charset "utf-8";
/* CSS Document */

.Content {width:960px; margin:0 auto; overflow:hidden;}
.LeftWrap {width:600px !important; float:left;}
.introduc {margin-top:20px; color:#6e6e6e;}
.introduc ul {overflow:hidden;}
.introducImg {float:left; width:203px; height:271px; border:1px solid #f2f2f2; background: -moz-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(232,232,232,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e8e8e8', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.introducImg img {width:203px; height:271px;}
.introducInfo { position:absolute; margin-left:15px; display:inline;}
.introducInfo dl{height:145px;}
.introducInfo-Tit {overflow:hidden;}
.introducInfo-Tit h1 {font-size:18px; font-weight:normal; max-width:200px;
				_height:expression((document.documentElement.clientWidth||document.body.clientWidth)>200px?"200px":"auto"); overflow:hidden; line-height:26px; float:left; margin:5px 0 0 0;}
.introducInfo-Tit span {display:block; float:left; display:inline; margin:10px 0 0 10px; cursor:pointer;}
.introduc dl {font-size:14px; margin-top:5px; line-height:24px;}
.introduc dl dd {margin-bottom:20px;}
.introduc p {font-size:16px; margin-top:15px;}
.introducBtn {overflow:hidden; margin-top:20px; width:340px; font-size:14px; text-align:center; line-height:35px;}
.introducBtn a {width:120px; height:35px; display:block; float:left; margin-right:20px; border:1px solid #e91d25; color:#e91d25; -moz-transition:all ease .2s; -webkit-transition:all ease .2s; transition:all ease .2s;}
.introducBtn a:hover {background-color:#e91d25; color:#FFF;}
.shareWrap {float:left; margin:-2px 0 0 10px; width:150px; overflow:hidden;}
.yg {width:120px; height:35px; display:block; float:left; background-color:#e91d25; margin-right:20px; border:1px solid #e91d25; color:#FFF; cursor: default;}

.stow-o {margin:9px 0 0 -20px; *margin:9px 0 0 -20px; height:20px; *height:22px; width:20px;  filter:alpha(opacity=0); -moz-opacity:0; opacity:0; display:block; float:left; cursor: default; display:none;}

/*本期目录*/
.catalog {margin-top:30px;}
.catalogTit {overflow:hidden;}
.catalogTitLeft {width:200px; height:40px; float:left; border-bottom:2px solid #e91d25; font-size:14px; line-height:45px;}
.catalogTitLeft h5 {float:left;}
.catalogTitLeft p {float:left; margin-left:30px;}
.catalogTitLeft p a {font-weight:bold;}
.catalogTitRight {width:400px; height:40px; float:left; border-bottom:2px solid #e4e4e4;}
.catalogP {font-size:14px; padding-left:10px; margin-top:20px;}
.catalogWrap {padding-left:10px; margin-top:20px;}

.catalogCon {margin-bottom:20px;}
.catalogCon p {font-size:14px; font-weight:bold;}
.catalogCon a { display:block; margin-top:5px;}

.catalogCon-img {margin-bottom:20px;}
.catalogCon-img h3 {font-size:14px;}
.catalogCon-img a {display:block; margin-top:5px;}
.catalogCon-img ul {overflow:hidden; margin-top:10px; height:72px;}
.catalogCon-imgTx {float:left; width:72px;}
.catalogCon0imgTx img {width:72px; height:72px;}
.catalogCon-imgFont {float:right; width:510px; line-height:22px;}

/*评论*/
.comment {margin-top:35px;}
.commentPt {height:180px;}
.commentPt p {font-size:14px; font-weight:bold; margin-bottom:10px;}
.comment-textarea {width:590px; height:75px; padding:5px; border:1px solid #e4e4e4; line-height:18px;}
.commentPt ul {overflow:hidden; margin-top:10px;}
.commentPtLeft {float:left; font-size:14px;}
.commentPtLeft a:hover {text-decoration:underline;}
.commentPtRight {float:right; width:125px;}
.commentPtRight input {width:125px; height:40px; font-size:14px; line-height:40px; text-align:center; border:none; background-color:#f0f0f0; cursor:pointer;}
.conmmentPerson {margin-top:-15px;}
.conmmentPersonCon {border-bottom:1px solid #e4e4e4; padding:0 10px;}
.conmmentPersonCon ul {padding:20px 0; overflow:hidden;}
.conmmentPersonTx {float:left; width:72px;}
.conmmentPersonTx dl dd img {width:64px; height:64px; border-radius:50%; text-align:center; margin-left:4px;}
.conmmentPersonTx dl dt {text-align:center; margin-top:5px;}
.conmmentPersonFont {width:490px; float:right; line-height:22px;}

/*content1-right*/
.content1-R {width:300px; float:right;}
.content1-R-download {margin-top:10px; background-color:#f6f6f6; overflow:hidden;}
.cRd-PC {float:left; margin-right:11px; background-color:#f6f6f6; -moz-transition:all ease .3s; -webkit-transition:all ease .3s; transition:all ease .3s;}
.cRd-PC:hover {background-color:#e6e6e6;}
.cRd-PC img {width:110px; height:92px;}
.cRd-Iphone {float:left; margin-right:11px; background-color:#f6f6f6; -moz-transition:all ease .3s; -webkit-transition:all ease .3s; transition:all ease .3s;}
.cRd-Iphone:hover {background-color:#e6e6e6;}
.cRd-Iphone img {width:87px; height:92px;}
.cRd-Ipad {float:left; background-color:#f6f6f6; -moz-transition:all ease .3s; -webkit-transition:all ease .3s; transition:all ease .3s;}
.cRd-Ipad:hover {background-color:#e6e6e6;}
.cRd-Ipad img {width:80px; height:92px;}

/*Right*/
.rightWrap {width:300px; float:right;}

/*适用设备*/
.device {margin-top:20px;}
.device p {font-size:14px;}

/*提供方*/
.from {margin-top:20px;}
.from p {font-size:14px;}
.from div {margin-top:10px;}
.from img {width:300px; height:155px;}

/*简介*/
.introduce {margin-top:0px;}
.introduce p {font-size:14px;}
.introduce div {font-size:14px; margin-top:7px; line-height:20px;}

/*订阅*/
.sub {padding:20px; margin-top:20px; border:1px solid #e8e8e8; background-color:#f6f6f6;}
.subCon {overflow:hidden; font-size:14px; line-height:26px;}
.sub-jg {font-size:16px;}
.sub-jg span {padding-left:3px; font-weight:bold;}
.sub-info {line-height:18px; padding-top:6px;}
.subCon h5 {font-size:18px; font-weight:normal; padding-bottom:5px;}
.subConLeft {width:150px; float:left; overflow:hidden;}
.subConLeft strong {display:block; font-size:16px;}
.subConLeft p {font-size:14px; margin-top:5px;}
.subConLeftZB {padding-left:5px; font-size:14px;}
.subBtn {margin-top:12px;}
.subBtn a {display:block; height:40px; background-color:#e91d25; text-align:center; line-height:40px; font-size:18px; color:#FFF;}
.subBtn a:hover {background-color:#F00;}
.subDescribe{margin-top:5px; font-size:14px;}

/*全部作品*/
.allMagazine {margin-top:20px;}
.allMagazine p {font-size:14px; padding-left:4px;}
.allMagazine ul {overflow:hidden; margin:10px 0 0 -27px;}
.allMagazine ul li {float:left; margin:0 0 17px 32px; width:131px;}
.allMagazine ul li dl dt{text-align:center; margin-top:5px;}
.ad,.ad1,.ad2 {margin-top:20px;}
.ad img {width:300px;}
.ad1 img {width:300px;}
.ad2 img {width:300px;}

/*弹窗*/
.maga-tc-tit {overflow:hidden; position: relative;}
.maga-tc-titL {font-size:18px; color:#2b2b2b; margin:15px 0 0 30px; float:left}
.maga-tc-titR {margin:15px 30px 0 0; float:right; font-size:14px; color:#989898; border-radius:50%; width:17px; height:14px; background: url(../images/public/close-w.png) no-repeat; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; transition: all ease .3s; cursor:pointer;}
.maga-tc-titR:hover {border-radius:0%; -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.maga-tc-title{font-size:18px; color:#FFF; height:20px; padding:12px 50px 0 30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.maga-tc-jg{font-size:14px; color:#FFF; padding:7px 0 0 30px;}
.maga-tc-con {width:650px; height:400px; top:50%; left:50%; margin:-200px 0 0 -325px; position:fixed; background-color:#FFF; box-shadow:0 0 3px #999999; border:1px solid #e4e4e4\9; display:none; z-index:1000000;}
.maga-tc-conM {overflow:hidden; margin-top:-54px;}
.maga-tc-left {height:400px; margin-top:6px; float:left; width:65%; background-color:#FFF;}
.maga-tc-right {height:400px; margin-top:6px; *margin-top:-400px; float:right; font-size:14px; width:35%; background-color:#e91d25;}
.maga-tc-right strong {display:block; color:#FFF; margin-top:30px; padding-left:35px;}
.maga-tc-right p {color:#FFF; font-size:14px; padding:30px 30px;}
.maga-tc-right p span { font-weight:bold;}
.maga-tc-right a {color:#FFF; display:block; width:110px; height:35px; border:2px solid #FFF; margin-top:20px; text-align:center; line-height:35px; margin-left:35px;}
.maga-tc-right a:hover {text-decoration:underline;}

.maga-tc-buy,.maga-tc-buy-noMoney  {width:600px; height:320px; left:50%; top:50%; margin:-170px 0 0 -300px; position:fixed;  background-color:#FFF; box-shadow:0 0 3px #999999; border:1px solid #e4e4e4\9; display:none; z-index:100000100000;}
.maga-buy-tit {background-color:#e91d25; height:100px; border-bottom:2px solid #f2f2f2;}
.Now-Ye {float:right; height:80px; line-height:80px; color:#FFF; font-size:14px; padding-right:20px;}
.qikanInfo {margin-top:20px; padding:0 30px;position:absolute; background:url(../images/public/20171113092706.png) 10px 30px no-repeat;}
.qikanInfo ul{overflow:hidden; margin-left:64px;}
.qikanInfo ul li{float:left; margin-right:60px;}
.qikanInfo ul li input{width:95px; font-size:12px; text-align:center; background:#e63b36; border:none; margin-top:6px; height:24px; border-radius:4px; color:#fff; line-height:22px; cursor:pointer;}
.qikanInfo ul li p{width:90px; height:90px; border:1px solid #e4e4e4; border-radius:4px;}
.qikanInfo ul li p em{display:block; font-size:14px; color:#333; text-align:left; padding:25px 0 0 10px;}
.qikanInfo ul li p i{display:block; font-style:normal; font-size:16px; color:#f00; font-weight:bold; text-align:left; padding:8px 0 0 10px;}
.qikanInfo ul li p img{width:80px; height:80px; display:block; padding:5px;}
.qikanInfo ul li span{display:block; width:95px; font-size:12px; text-align:center; background:#ccc; margin-top:6px; height:24px; border-radius:4px; color:#000; line-height:22px;}
.login-tc-Btn {position:absolute; margin-top:145px; width:80%; top:130px; left:80px;background: url(../images/public/tip.png) 0 2px no-repeat;padding-left:35px;}
.login-tc-Btn a{color:#e63b36; text-decoration:underline;}

/*登陆*/
.loginContent {width:920px; margin:0 auto; min-height:600px;
				_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<600px?"600px":"auto");}
.loginCon {width:680px; margin-left:240px;}
.loginCon strong {display:block; width:440px; margin:80px 0 0 0; text-align:center; font-size:30px; color:#2b2b2b;}
.loginLbe {display:block; font-size:14px; margin-top:10px !important; line-height:30px; overflow:hidden;}
.loginLbe div {height:22px; margin-top:-10px;}
.loginT {margin-top:20px; *margin-top:40px; padding:30px;}
.loginText {height:45px; width:340px; float:left; border:2px solid #dfdfdf; font-size:14px; color:#666; line-height:45px\9; padding-left:10px;}
.loginAuto {margin-top:15px; width:440px; overflow:hidden; font-size:14px;}
.loginAuto-l {float:left; overflow:hidden;}
.loginAuto-l input {float:left;}
.loginAuto-l label{margin-top:-4px; padding-left:3px; float:left; display:block; cursor:pointer;}
.loginAuto-r {float:right;}
.loginAuto-r a {color:#e91d25;}
.loginAuto-r a:hover {text-decoration:underline;}
.loginButton1 {width:120px; height:40px; background-color:#e91d25; color:#FFF; border:none; font-size:18px; margin-top:30px; cursor:pointer;}
.login-zc {font-size:14px; margin-top:25px; border-top:1px dashed #e6e6e6; padding-top:15px;}
.login-xy {font-size:14px; margin-top:25px;}
.login-zc a {color:#e9151e; text-decoration:underline;}
.login-xy a {color:#e9151e; text-decoration:underline;}

.edition-img {margin-left:20px;}
.edition-img a {margin-top:20px; display:block;}
.edition-img img {width:280px; height:355px;}

.Validform_checktip {color:#F00;}
.ks {display:block; text-align:center; font-size:20px;}

/*多媒体杂志*/
.dmt {width:920px; margin:0 auto;}
.dmt h5 {font-size:18px; font-weight:normal; margin-top:50px; border-bottom:1px solid #e4e4e4; padding-bottom:20px; padding-left:10px; color:#333;}
.dmt-wrap {border-top:1px solid #f1f1f1;}
.dmt-con {width:800px; margin:0 auto; font-size:14px; line-height:22px; padding-bottom:60px;}
.dmt-con ul {margin:30px 0 0 -100px; overflow:hidden;}
.dmt-con ul li {width:120px; float:left; margin:0 0 30px 100px;}
.dmt-con ul li strong {display:block; width:120px; height:20px; overflow:hidden; padding-top:3px;}
.dmt-con ul li p {width:120px; height:158px; border:1px solid #f8f8f8; background: -moz-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(232,232,232,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e8e8e8', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.dmt-con ul li p img {width:120px; height:158px;}

/*多媒体二级*/
.dmt-ej {margin-top:10px; overflow:hidden;}
.dmt-ej dl {overflow:hidden;}
.dmt-ej dl dd {float:left; height:30px; width:50px; background-color:#e91d25;}
.dmt-ej dl dt {float:right; height:30px; width:50px; background-color:#e91d25;}
.dmt-ej dl dd:hover {background-color:#F00;}
.dmt-ej dl dt:hover {background-color:#F00;}
.dmt-ej dl dd a {color:#FFF; font-size:12px; text-align:center; display:block; height:30px; line-height:30px;}
.dmt-ej dl dt a {color:#FFF; font-size:12px; text-align:center; display:block; height:30px; line-height:30px;}
.ej-download {display:block; width:100%; height:30px; background-color:#e91d25; margin-top:10px; text-align:center; line-height:30px; color:#FFF; font-size:14px;}
.ej-download:hover {color:#FFF; background-color:#F00;}