body {position: relative; padding: 0; margin: 0;background: #f5f5f5; color: #333;font-size: 12px; font-family: "Tahoma", "Helvetica Neue", Helvetica, Arial, sans-serif;}
body, p, input, textarea, select, table, td {font-size: 12px;font-family: "微软雅黑";}
ul,ul li {list-style: none;margin: 0;padding: 0;}
a:link, a:visited {text-decoration: none;color: #0e6a98;}
input[type="text"] {border: solid 1px #e5e5e5;border-radius: 2px;}
img {vertical-align: middle;}
div {margin: auto;}
h2 {font-size: 16px;margin: 10px 0;}
.red,a:hover {color: #f14f3a;}
.blue {color: #0e6a98;}
.green {color: #0e9837;}
.gray {color: #999;}
.hide {display: none;}

.AD {width: 930px;height: 70px;cursor: pointer;}
.headnav {width: 100%;position: fixed;top: 0;background: #fff;padding: 10px 0;border-bottom: 1px solid #eee;box-shadow: 0 0 5px #ddd;z-index: 999;}
.headnav .content {width: 950px;background: none;padding: 0;margin: 0 auto;}
.headnav .logo {float: left;width: 190px;height: 55px;}
.headnav .menu {float: left;width: 55%;line-height: 40px;padding: 5px 0;}
.headnav .menu li {float: left;width: 20%;text-align: center;color: #666;font-size: 16px;cursor: pointer;}
.headnav .menu li:hover {color: #0e6a98;}
.headnav .menu li.on {color: #243c6c;font-weight: bold;}
.headnav .menu li.on::after {content:"";width: 25%;display: block;margin: 0 auto;border-bottom: 4px solid #243c6c;border-radius: 5px;overflow: hidden;}
.headnav .prebox {float: right;line-height: 54px;}
.prebox .preicon {width: 34px;height: 34px;padding: 2px;margin: 0 5px 3px 0;border: 1px solid #ddd;border-radius: 50%;cursor: pointer;opacity: 1;}
.prebox .preicon:hover,.prebox.on span:hover {opacity: 0.8;transition: all 0.2s linear;}
.prebox .botton {padding: 5px 15px;margin-left: 5px;border: 1px solid #ddd;border-radius: 3px;cursor: pointer;}
.prebox .botton:hover {background: #eee;transition: all 0.2s linear;}
.prebox .botton.on {background: #243c6c;color: #fff;border-color: #243c6c;}
.prebox .botton.on:hover {background: #31559c;border-color: #31559c;transition: all 0.2s linear;}
.prebox .paybtn {background: #f14f3a;color: #fff;padding: 3px 15px;margin-right: 5px;border-radius: 15px;cursor: pointer;}
.prebox .line::after {content:"";border-right: 1px solid #ccc;margin: 0 8px;}
.prebox span {cursor: pointer;}

.content {width: 930px;padding: 10px;margin: 86px auto 10px auto;background: #fff;border-radius: 3px;}
.newsbox {line-height: 30px;padding: 10px;border-bottom: 1px solid #eee;}
.newsbox:last-child {border: none;}
.infotitle {color: #333;font-size: 18px;font-weight: bold;line-height: 32px;padding-left: 15px;position: relative;}
.infotitle:hover {color: #f14f3a;}
.infotitle::before {content:"";position: absolute;left: 0;top: 10px;width: 4px;height: 12px;border-radius: 6px;background: #f44336;}
.describe {color: #999;font-size: 14px;text-indent: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.describe22 {color: #333;font-size: 14px;text-indent: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;clear: both;padding: 2px 10px 2px 0;margin: 10px 0;}
.describe22 .ssa {background-color: #2a78df;color: #FFF;display: inline-block;padding: 2px 20px;text-indent:0;border-radius: 4px;}
.describe22 .ssa .red,.describe22 .ssa .blue {color: rgb(255 222 79);font-size: 16px;}
.describe22 .ssa::before{background: url(/images/lock_w.png)no-repeat center;content: "";
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px 4px 0;}
.userbox {font-size: 14px;color: #999;line-height: 30px;margin-top: 10px;}
.userbox::after {content:"";display: block;clear: both;}
.userbox .user {float: left;padding-left: 15px;}
.usericon {width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;}
.funs {float: right;background: url(/images/funicon.png)no-repeat left;padding-left: 25px;}
.nodata {padding: 20px;line-height: 40px;font-size: 16px;text-align: center;}

.floatnav {position: fixed;right: 100px;bottom: 100px;z-index: 99;}
.floatnav li {background: #d5d5d5;border-radius: 50%;margin: 4px;padding: 8px;opacity: 0.7;cursor: pointer;}
.floatnav li:hover {opacity: 1;transition: all 0.2s linear;}
.footer {width: 100%;background: #2b3548;color: #aaa;text-align: center;}
.footer .content {background: none;padding: 20px 10px;margin: 0 auto;}
.footer p {line-height: 26px;margin: 0;}
.footer p span {margin: 0 10px;}


/* -----------------弹框--------------- */
.bgshow {position: absolute;left: 0px;top: 0px;height: 100%;width: 100%;background-color: #333;z-index: 99999;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.popupPlane {position: absolute;z-index: 999999;width: 800px;top: 43%;left: 50%;margin-left: -25%;}
.popupPlane .c_pinp { border: 1px solid #ccc;background: #fff;font-size: 14px;border-radius: 6px;overflow: hidden;box-shadow: 0 10px 20px rgba(24,33,40,.2);}
.popupPlane .c_pinp .h2 {border-bottom: 1px solid #f2f2f2;font-size: 18px;font-weight: bold;line-height: 50px; position: relative; padding-left: 20px;margin: 0;height: 50px;color: #444; background-color: #FCFCFC}
.popupPlane .c_pinp .h2 .title {color: #999;font-size: 16px;font-weight: normal;}
.closebtn { position: absolute;right: 15px;top: 13px;padding: 0;width: 26px;height: 26px;cursor: pointer;}
.closebtn:hover {background-color: #e5e5e5;border-radius: 50%;}
.closebtn:before,.closebtn:after {position: absolute;content: '';width: 16px;height: 1px;top: 13px;left: 5px;background-color: #888;}
.closebtn:before {transform: rotate(45deg);}
.closebtn:after {transform: rotate(-45deg);}
.popupPlane .popinfo {margin: 0;padding: 10px;border: none;text-align: center;font-size: 14px;}
.popupPlane .popinfo p {text-align: justify;font-size: 14px;line-height: 22px;padding: 0 10px;margin-bottom: 30px;}
.popupPlane .popinfo span {line-height: 20px;margin: 10px 0;display: block;}
.popupPlane .popinfo .botton {width: 100%;margin: 20px auto 10px auto;cursor: pointer;}
.popupPlane .popinfo .clbtn {width: 110px;color: #666;text-align: center;border: 1px solid #ccc;border-radius: 3px;padding: 0 10px;margin: 0 5px;cursor: pointer;display: inline-block;line-height: 35px;}
.popupPlane .popinfo .clbtn:hover {color: #31559c;border: 1px solid #31559c;transition: all 0.2s linear;}
.popupPlane .popinfo .clbtn.on {background: #243c6c;color: #fff;border: 1px solid #243c6c;}
.popupPlane .popinfo .clbtn.on:hover {background: #31559c;border: 1px solid #31559c;transition: all 0.2s linear;}
.popinfo .fore {margin: 20px auto 30px auto;}
.popinfo .infobox span {display: inline-block;line-height: 26px;margin: 0 10px;}
.popupPlane .popinfo .clbtn.one-btn {width: 80%;background: #243c6c;color: #fff;border: none;}
.popupPlane .popinfo .clbtn.one-btn:hover {background: #31559c;transition: all 0.2s linear;}
.popinfo .warn {width: 85%;background: #ffedeb;color: #f14f3a;padding: 5px 0;}
.popinfo .userint {width: 75%;color: #333;line-height: 30px;margin: 5px 0 5px 10px;border-style: none;border-bottom: 1px solid #ddd;}
#backgound {position: absolute;left: 0px;top: -86px;height: 100%;width: 100%;background-color: #333;z-index: 99999;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}

/* -----发表----- */
.publish .popinfo {padding: 10px 20px;}
textarea {outline-style: none;border: 1px solid #ddd;border-radius: 3px;color: #666 !important;}
.publish .select {float: left; display: inline-block;outline-style: none;color: #333;border-color: #ddd;border-radius: 3px;padding: 5px;margin-right: 10px;font-size: 14px;}
.publish .chose {width: 100%;text-align: left;margin: 10px 0;min-height: 30px;}
.popupPlane .popinfo .chose span {display: inline-block;margin: 0 2px;}
.publish .sharetext {width: 97%;background: #fafafa; font-size: 14px;line-height: 22px;color: #333;text-align: justify;padding: 5px 10px;margin-bottom: 10px;display: block;}
.publish label {color: #999;line-height: 30px;float: left;margin-right: 5px;}
.publish .popinfo .addThemeItem {text-align: left; position: relative;margin-bottom: 5px;}
.popinfo .addThemeItem::after {content:"";display: block;clear: both;}
.publish .popinfo .addThemeItem select {font-size: 14px;border-radius:3px;border-color: #ddd; padding:3px;}
.addThemeItem .addThemeMatch {width: 100%;float: left;}

.addicon,.reduceicon {width: 26px;height: 26px;display: inline-block;margin: 0 0 2px 2px;border: 1px solid #ddd;border-radius: 4px;vertical-align: middle;position: relative;cursor: pointer;}
.addicon::before,.addicon::after,.reduceicon::before {position: absolute;content:"";width: 16px;height: 2px;top: 12px;left: 5px;background: #f14f3a;border-radius: 5px;}
.addicon::after {transform: rotate(90deg);}
.readtips .btn {width: 100px;height: 30px;line-height: 30px;display: inline-block;float: right;cursor: pointer;}
.ChoseLeft {float: left;width: 50%;}
.ChoseRight {float: right;width: 50%;}
/*.chose .tjtype {width: 80%;display: inline-block;float: left;}*/
.chose .tjtype span {min-width: 30px;background: #eee;border: 1px solid #ddd;border-radius: 3px;text-align: center;padding: 6px;display: inline-block;}
.chose .chbtn {width: 82%;border: 1px solid #ddd;border-radius: 3px;text-align: center;line-height: 28px;display: inline-block;margin-bottom: 10px;}
.chose .chbtn li {width: 33.4%;display: inline-block;padding: 0;margin: 0 -2px; cursor: pointer;}
.chose .chbtn li.off {background: #eee;}
.chose .chbtn li.on {background: #49a8e3;color: #fff;}
.chose .paybtn {width: 88%;display: inline-block;margin: 10px 0;}
.paybtn li {display: inline-block;width: auto; border: 1px solid #ddd;border-radius: 3px;text-align: center;line-height: 28px;padding: 0 15px;margin-right: 6px;cursor: pointer;}
.paybtn li:hover {background: #f5f5f5;}
.paybtn li.on {background: #fff5f4;color: #f14f3a;border-color: #ffbdb4;}
.txtMoney {width: 50px;height: 28px;text-align: center;padding: 0;margin: 0;border: none !important;background: none;}
.chose .cb {display: inline-block;width: 14px;height: 14px;position: relative;top: -1px;left: 0;border: 1px solid #ddd;border-radius: 50%;background: #f5f5f5;vertical-align: middle;cursor: pointer;}
.on .cb {background: #243c6c;border-color: #243c6c;}
.on .cb:after {content: "";display: table;width: 4px;height: 8px;position: absolute;top: 1px;left: 4px;border: 1px solid #fff;border-top: 0;border-left: 0;-webkit-transform: rotate(45deg) scale(1);-ms-transform: rotate(45deg) scale(1);transform: rotate(45deg) scale(1);}

/* edit reset start*/
.popinfo .ke-container span {margin: 0 auto;}
.ke-container{box-sizing: border-box;background: #fafafa;border-color: #e5e5e5;border-radius: 3px;}
.ke-statusbar{background: transparent; border:none;}
.ke-toolbar{border:none;  padding:3px 3px -5px 3px;  background-color: transparent;}
.ke-toolbar .ke-outline{background: transparent;border:solid 1px #f9f9f9;padding:3px;}


/* -----话题页----- */
.Artcontent,.PersonalPage {width: 950px;margin: 86px auto 10px auto;}
.Artcontent::after,.PersonalPage::after,.boxinfo::after,.PreRight .infobox::after {content:"";display: block;clear: both;}
.ArticleLeft {width: 70%;float: left;background: #fff;border-radius: 3px;padding: 10px;}
.ArticleLeft .infotitle {font-size: 20px;margin-top: 5px;}
.ArticleLeft .infotitle::before {left: -10px;top: 8px;height: 16px;}
.ArticleLeft .funs {padding-right: 15px;}
.textinfo {padding: 10px 15px;margin-top: 5px;border-top: 1px dashed #eee;}
.textinfo p {font-size: 14px;line-height: 22px;text-align: justify;margin: 15px 0 30px 0;}
.payMsg {background: #f6faff url(/images/lock_bg.png) no-repeat top;border: 1px dashed #ddd;border-radius: 3px;margin: 20px 0;width: 635px;padding: 20px 0;text-align: center;}
.payMsg .btn {height: 34px;width: 50%;display: inline-block;background: #243c6c;color: #fff;font-size: 16px;text-align: center;line-height: 34px;padding: 2px 10px;margin: 0 auto;border-radius: 30px;cursor: pointer;}
.payMsg .btn:hover,.infobox .pay-btn:hover,.register .btn:hover {background: #31559c;transition: all 0.2s linear;}
.payMsg .btn i {background: url(/images/lock_w.png)no-repeat center;width: 14px;height: 14px;vertical-align: middle;display: inline-block;margin: 0 10px 4px 0;}
.payMsg h3 {color: #666;font-size: 14px;font-weight: normal;line-height: 22px;margin: 5px 0;}
.payMsg h3 span {margin: 0 5px;}
.paid {background: #f6faff;min-height: 120px;border: 1px dashed #ddd;border-radius: 3px;margin: 20px 0;}
.paid .salebox {background: #e7f0fb;color: #4769ad;font-size: 12px;line-height: 30px;text-align: center;}
.paid p {margin: 10px;font-size: 16px;line-height: 24px;}
.ArticleRight {width: 24.5%;float: right;background: #fff;border-radius: 3px;padding: 10px;}
.boxinfo {padding: 10px;border-bottom: 1px solid #eee;display: flex;align-items: center;}
.boxinfo:last-child {border: none;}
.boxinfo .usericon {width: 50px;height: 50px;float: left;cursor: pointer;}
.user-box {float: right;width: calc(100% - 60px);}
.user-box .username {font-size: 14px;font-weight: bold;margin-bottom: 5px;display: block;}
.user-box .describe {font-size: 12px;text-align: justify;text-indent: 0;overflow: initial;white-space: initial;text-overflow: initial;}
.ArticleRight .infotitle {background: #fff5f4;font-size: 16px;}
.ArticleLeft .infotitle:hover,.ArticleRight .infotitle:hover {color: #333;}
a.matchinfo {color: #333;font-size: 14px;}
a.matchinfo:hover {color: #f14f3a;}


/* -----个人页----- */
.PersonalPage .PreLeft {width: 21.5%;float: left;background: #fff;border-radius: 3px;}
.PersonalPage .PreRight {width: 75%;min-height: 358px;float: right;background: #fff;border-radius: 3px;padding: 10px;margin-bottom: 10px;}
.pre-user {padding: 15px;text-align: center;}
.pre-user .usericon {width: 50px;height: 50px;margin: 5px 0;}
.pre-user .username {font-size: 14px;font-weight: bold;line-height: 26px;}
.pre-user .money {color: #999;font-size: 14px;}
.PreLeft .list {margin-top: 10px;}
.PreLeft .list li {color: #666;font-size: 15px;line-height: 46px;padding-left: 20px;border-bottom: 1px solid #eee;cursor: pointer;}
.PreLeft .list li:last-child {border: none;}
.PreLeft .list li:hover {background: #f8f8f8;color: #444;transition: all 0.2s linear;}
.PreLeft .list li.on {background: #f6faff;color: #243c6c;font-weight: bold;position: relative;}
.PreLeft .list li.on::before {content:"";position: absolute;left: 0;top: 16px;width: 4px;height: 16px;border-radius: 6px;background: #243c6c;}
.PreRight .infobox {font-size: 16px;line-height: 30px;margin: 20px;}
.PreRight .infobox label {float: left;font-size: 16px;color: #666;line-height: 30px;margin-right: 10px;}
.PreRight .paybtn {width: 66%;float: left;font-size: 12px;}
.PreRight .paybtn li {margin: 6px;}
.PreRight .txtMoney {width: 100px;}
.infobox .payicon {float: left;width: 135px;height: 50px;margin: 6px;border: 1px solid #ddd;border-radius: 5px;cursor: pointer;overflow: hidden;}
.infobox .payicon.on {border-color: #f14f3a;position: relative;}
.infobox .payicon.on::before {content:"";position: absolute;right: -15px;bottom: -15px;background: #f14f3a;width: 30px;height: 30px;transform: rotate(45deg);}
.infobox .payicon.on::after {content:"";position: absolute;right: 1px;bottom: 5px;width: 8px;height: 4px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-50deg);}
.infobox .pay-btn {width: 98px;background: #243c6c;color: #fff;font-size: 14px;text-align: center;display: block;margin: 40px 0 0 95px;padding: 5px 20px;border-radius: 5px;cursor: pointer;}
.PreRight .infobox p {font-size: 14px;color: #666;padding: 10px 0 0 95px;}
.userbox .read {float: right;}

.content.user {margin: 10px auto;}
.content.boxinfo .usericon {margin: 0 10px;}
.content.boxinfo .username {font-size: 16px;}

.contact {width: 950px;padding: 0 0 10px 0;overflow: hidden;}
.contact .infotitle {padding-left: 20px;margin-top: 15px;}
.contact .infotitle::before,.clause .infotitle::before {background: #243c6c;height: 16px;top: 8px;}
.contact .infotitle:hover,.clause .infotitle:hover {color: #333;}
.contact p {color: #555;font-size: 14px;line-height: 22px;text-align: justify;padding: 0 20px;}
.clause {margin: 10px auto;overflow: hidden;}
.clause .PreLeft {height: 620px;}
.clause .PreRight {height: 600px;overflow-y: scroll;}
.clause .PreLeft .list {margin: 0;}
.clause .PreLeft .list li:last-child {border-bottom: 1px solid #eee;}
.clause .context {padding-left: 15px;margin: 10px 0;}
.clause p {font-size: 14px;line-height: 22px;text-align: justify;margin: 10px 0;}



/* -----注册页----- */
.register {width: 50%;margin: 0 auto;}
.register li {margin: 15px 0;}
.register h2 {color: #fff;font-size: 25px;font-weight: 500;line-height: 60px;width: 465px;height: 60px;background: url(/images/register.jpg)no-repeat left;padding-left: 40px;}
.inputbox {width: 250px;padding: 5px;border: 1px solid #ddd;border-radius: 3px;margin: 0 10px 0 0;display: inline-block;}
.inputbox .regicon {width: 20px;height: 20px;margin: 6px;float: left;}
.inputbox .userint {width: 200px;line-height: 30px;font-size: 14px;border-style: none;border-left: 1px solid #ddd;padding-left: 10px;margin-left: 4px;}
.error {background: url(/images/error.png)no-repeat center;width: 24px;height: 24px;display: inline-block;margin: 0 5px 3px 0;vertical-align: middle;}
.exact {background: url(/images/exact.png)no-repeat center;width: 24px;height: 24px;display: inline-block;margin: 0 5px 3px 0;vertical-align: middle;}
.verbtn {background: #f5f5f5;color: #666;line-height: 30px;display: inline-block;padding: 2px 20px;border: 1px solid #ddd;border-radius: 3px;cursor: pointer;}
.verbtn:hover {background: #eee;transition: all 0.2s linear;}
.register .btn {width: 220px;background: #243c6c;color: #fff;font-size: 14px;text-align: center;display: block;margin: 10px 0;padding: 10px 20px;border-radius: 5px;cursor: pointer;}
.treaty {line-height: 22px;}
#ckLegal {margin-bottom: 5px;vertical-align: middle;}
#openContentData {font-size: 16px;line-height: 24px;text-align: justify;margin: 15px 0 30px 0;}
#openContentData img {vertical-align: middle;border-style: none;margin-top: -2px;margin: 0;padding: 0;max-width: 100% !important;}
.theme-nav {display: none;}
/* ------download----- */
.download {background: #fff url(/images/dw.png)no-repeat top;text-align: center;}
.download .contact {width: 55%;margin: 20px auto 0;padding: 10px;border-top: 1px solid #ddd;}
.download .contact p {padding: 0;}
.download .botton {width: 40%;background: #243c6c;color: #fff;font-size: 22px;line-height: 55px;margin: 15px auto 30px auto;border-radius: 50px;cursor: pointer;}
.download .botton:hover {background: #31559c;transition: all 0.2s linear;}
.h5icon {width: 400px;height: auto;vertical-align: middle;}