/* SET BASE
----------------------------------------------- */
* {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ol, ul,li{list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section {display: block;}
body {
    background: url(/static/wot/images/bg.jpg) no-repeat scroll center 0 #edeef0;
    background-repeat:no-repeat;
    background-attachment:fixed;
     font: 12px tahoma,Arial,\5B8B\4F53,\5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif;
     line-height:normal;
     padding:0;
     margin:0;
     color: #2a2a2a;
     /*background:#edeef0 no-repeat center top fixed;*/
     background-size:100% auto;
     height:100%;
     width:100%;
     font-weight:400;
}
img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
a {color: #000;; text-decoration: none;}
a:hover, a:focus {color:#06c; text-decoration: none;}

h1, h2, h3, h4, h5 {font-weight:400; font-size:18px;}

.bigbannertop {background:#fff; border-bottom: 3px solid #FC0; padding:10px 0px 0px 0px;}
.form-wrap {margin:0; background-color:#fff; padding-top:20px;}
.sub-title h1 {margin-bottom:15px; font-size:24px;}
.pm-page, .search-page, .static-page, .tags-page {}
.rasskazhite {text-align:right; font-size: 16px; font-family: Roboto Condensed; color:#000;}

/*--- SET ---*/
.button22, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn), html input[type="button"], input[type="reset"], input[type="submit"] {
padding:0 20px; color:#000; display:inline-block; background-color:#fc0;
height:40px; line-height:40px; border-radius:3px; cursor:pointer; font-size:14px; 
background: linear-gradient(to bottom, #fde516 0%,#fc0 100%);}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
.button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover 
{background: linear-gradient(to top, #fde516 0%,#fc0 100%); color:#000;}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}

input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
color:#000000; background-color:#fff; border:1px solid #e3e3e3; border-radius:3px; -webkit-appearance: none; box-shadow:none;}
input[type="text"]:focus {border-color:#06c;}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#FFF; 
border-radius:0 0 6px 6px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); overflow:auto; vertical-align:top; resize:vertical;}

.img-box {overflow:hidden; }
.img-box img {width:100%; min-height:100%;}
.square-img img {display:block; width:170px; height:113px;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nowrap a{color:#ccc;}
button, .show-login {transition: all .3s;}
li,a, .t-title, .ps-link {transition: color .3s, background-color .3s, opacity .3s;}

.flex-row {display:flex; flex-flow:row wrap; justify-content:space-between;}
.flex-col {display:flex; flex-direction:column; justify-content:center;}
.ic-l span.fa {margin-right:5px;}
/*.fa{margin-right:10px;}*/
.ic-r span.fa {margin-left:10px;}
.ps-link {cursor:pointer;}
.top-title{color:#ccc;}

/* SET COMMON
----------------------------------------------- */
.nav, .foot-menu, .section-title > a, .side-b-t, .full-cat a, .navigation span, .pagi-nav a:hover {color:#FFF;
background:#484343;}
.header {background-color:#fff; background: linear-gradient(to bottom, #fff 50px,#484343 100%); ;}
.button, .img-bg .section-title > a {background-color:#fc0; color:#000; border-radius: 3px; display:inline-block;
background: linear-gradient(to bottom, #fde516 0%,#fc0 100%);}
.button:hover, .img-bg .section-title > a:hover {color:#000; background: linear-gradient(to top, #fde516 0%,#fc0 100%);}
.img-bg {background:#333 center top fixed; background-size:100% auto; position:relative;border-bottom: 3px solid #FC0;}
.img-bg:before {content:""; background-color:rgba(0,0,0,0.5); position:absolute; left:0; right:0; top:0; bottom:0;}
.img-bg > div {position:relative; z-index:100;}
.short-title, .short-link, .nav-menu a, .side1 a, .short4-title, .t-title, .b2-title, h1 {font-family:'Roboto Condensed';}


/* BASIC GRID
----------------------------------------------- */
.wrap {height:auto; width:100%; min-width:320px;margin-bottom: 0px;
/*	background: url(http://dow.qiangubox.com/img/bj-logo.jpg)  no-repeat scroll center 0 #151515;}*/
	}
.center {width:100%; min-width:320px; max-width:1200px; margin:0 auto; position:relative; z-index:100;}
.block {background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3);}
.header {position:relative; background-color:#eaeaea; border-bottom:3px solid #FC0;}
.nav {height:40px;}
.cols {padding:0 300px 0 0; position:relative; background: linear-gradient(to left, #fff 0%,#fff 100%);}
.col-right {float:right; width:300px; margin-right:-300px; position:relative; z-index:100; padding:0 17px 20px 20px; color:#2a2a2a;}
.col-right #right-top-ad{left:-21px;position: relative;}
.col-left {float:left; width:100%; min-height:200px; padding:20px 20px 0 20px;}
.col-right a {color:#2a2a2a;}
.rem-padd {padding-bottom:0;}
.cols:before {content:""; width:300px; background-color:#f0f0f0; position:absolute; top:0; bottom:0; right:0; 
box-shadow:inset 10px 0 10px -10px rgba(0,0,0,0.3);}


/* HEADER
----------------------------------------------- */
.logotype {height:80px; width:330px; display:block; position:absolute; top:50px; left: 20px;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.logotype a:hover img {}
.top {height:50px; position:relative; margin-bottom:80px; padding:10px 20px;}
.top-rkl {width:468px; height:60px; position:absolute; right:20px; top:60px; 
background-color:#f5f5f5; box-shadow:inset 0 0 10px rgba(0,0,0,0.1);}
.show-login {padding:0 20px; line-height:30px; /*cursor:pointer;*/color:#ccc}


/* SHARE
----------------------------------------------- */
.bdsharebuttonbox {height: 25px;margin-left: 90px;margin-top: -24px;}
.bdsharebuttonbox a {width:27px; height:32px; margin:0 5px 0 0; display:inline-block; border-radius:4px;}
.bdsharebuttonbox a:hover {opacity:0.7;}


/* SEARCH
----------------------------------------------- */
.search-wrap {width:50%; position:absolute !important; top:10px; right:20px; z-index:100;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:30px; line-height:30px; padding:0 40px 0 10px; border-radius:0;
background-color:rgba(0,0,0,0.1); color:#fff; border:0; box-shadow:inset 0 0 0 1px #CCC;}
.search-box button {position:absolute; right:0; top:0; border-radius:0;
padding:0; text-align:center; width:30px; height:30px; line-height:30px; color:#FFF; background:transparent;}


/* MENU
----------------------------------------------- */
.nav-menu > li {display:inline-block; float:left; width:10%; position:relative; border-right:1px solid #000; box-shadow:inset -1px 0 #555;}
.nav-menu > li > a {display:block; height:40px; text-align:center; color:#fff; font-size:16px; padding:10px;}
.nav-menu a span {font-size:24px; margin-bottom:0px; height:30px; display:block;}
.nav-menu a:hover {background-color:#222;}
.nav-menu span img {display:inline-block; height:28px;}
.current{background-color:#222;}
.hidden-menu {background-color:#222; width:230px; top:100%; left:0; position: absolute; z-index: 9999; display: none; 
border-radius:0; text-align:left; text-transform:uppercase;}
.hidden-menu li {border-top:1px solid #000; box-shadow:inset 0 1px #444; display:block;}
.hidden-menu li a {display:block; color:#fff; padding:0 20px; line-height:40px; font-size:12px;}
.hidden-menu li a:hover {background-color:#444; color:#fff;}
.menuactive > a, li.menuactive > a:hover {background-color:#222;}


/* CUSTOM TOP
----------------------------------------------- */
.bigs {padding:20px 15px 10px 15px;}
.t-item {display:block; margin:0px 4px 4px 1px; float:left; background-color:#000000; 
border:10px solid #333;}
.t-item-fix {width:31.66%;}
.t-item-fix2 {width:15.33%;}
.t-title {position:absolute; left:0; bottom:0; z-index:100; width:100%; 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); color:#D3D3D3;
padding:10px 10px 10px 10px; font-size:12px;}
.t-item:hover .t-title {opacity:0;}
.grid-effect-steve:hover .t-title {opacity:0;}

/* SECTIONS COMMON
----------------------------------------------- */
.section {margin: 0px 10px 30px 10px;}
.section-title {margin:0 -20px 20px -20px; padding: 0 20px 20px 20px; border-bottom:1px dashed #CCC;}
.section-title h2 {font-size:16px; text-transform:uppercase; font-weight:700; margin-right:20px; display:inline-block;}
.lenta {padding:15px; border-radius:3px; background-color:#EFF7F6; border:1px solid #b3e3dd}
.section-title > a {display:inline-block; padding:5px 10px; font-size:14px; border-radius:3px;}
.section-title a .fa {margin-left:10px;}
.section-title a + a {margin-left:20px;}
.section-title a:hover {text-decoration:underline;}
.img-bg .section-title h2 {color:#fff;}
.img-bg .section-title {border-bottom:1px dashed #888;}
.floaters {margin:0 -10px;}


/* SHORT
----------------------------------------------- */
.short {padding:0 20px 20px 190px; position:relative;}
.short:before {content:""; width:1px; background-color:#e3e3e3; 
position:absolute; top:0; bottom:0; left:210px;}
.short-left {width:190px; height:133px; margin-left:-190px; float:left; border:10px solid #e3e3e3;}
.short-right {width:100%; float:right; padding-left:40px; position:relative;}
.short-right:before {content:""; width:10px; height:10px; border-radius:50%; background-color:#4aa303; 
position:absolute; top:10px;left:15px; z-index:100;}
.short-title {display:block; font-size:20px; margin-bottom:10px; line-height:24px;font-family: Arimo;}
.shan-title {display:block; font-size:20px; margin-bottom:10px; line-height:24px;font-family: Arimo;text-decoration: line-through;}

.short-metas {color:#888; margin-bottom:10px; font-size:12px;font-size: 13px;font-family: Scada;}
.short-text {color:#5c5c5c; line-height:18px; text-align:justify; padding-bottom:36px;}
.short-link {padding:0 10px; line-height:26px; position:absolute; bottom:20px; left:220px; font-size:14px;}
.short-dow {margin:1%;padding:0 10px;}
.short-comms {display:inline-block; padding:0 10px; line-height:26px; background-color:#50744b; color:#FFF; border-radius:3px 0 3px 3px; 
position:absolute; bottom:20px; right:20px;}
.short-comms:before {width: 0; height: 0; border-bottom: 10px solid #50744b; border-left: 10px solid transparent; 
position:absolute; right:0; bottom:100%; content:"";}
.short-comms a {display: block;font-size: 12px; font-family: 'Scada';color: #fff;}
.s-rating {display:inline-block; background-color:#9cce43; color:#fff; font-size:14px; padding:5px 10px; 
position:absolute; left:0; bottom:0;}
.s-rating.s-negative {background-color:#ed6037;}
.s-rating .fa {margin-right:3px;}



/* SIDEBAR
----------------------------------------------- */
.side-box {margin-bottom:20px;}
.side-b-t {font-size:16px; text-transform:uppercase; font-weight:700; color:#fff; margin: 0 -17px 0 -20px; padding:10px 20px;}
.side1, .side-b-t {padding-bottom:10px; margin-bottom:10px; border-top: 2px solid #fff;}
.side1 a {display:block; font-size:16px; line-height:18px; text-transform:uppercase;}
.side1-text {color:#888; padding:7px 0;}

.side2 {position:relative; padding-left:60px; min-height:80px;}
.side2-img {width:50px; height:50px; border-radius:50%; position:absolute; left:0; top:0;}
.side2-date {color:#888; padding:0 0 5px 0;}

.items-side2 .side2 {width:31.33%; margin:0 1%; float:left; height:130px; color:#888; border-bottom:0; box-shadow:none;}
.items-side2 .side2-date, .items-side2 .side1-text {color:#5c5c5c;}

.short4-item {display:block; margin-bottom:20px;}
.short4-img {height:113px; border:10px solid #e3e3e3;}
.short4-title {margin-top:10px; font-size:16px; line-height:18px; text-transform:uppercase;}

.side1 a:hover, .short4-item:hover {text-decoration:underline;}
.side-box:last-child, .side-box .short4-item:last-child, .side-box .side1:last-child {margin-bottom:0; border-bottom:0; box-shadow:none;}


/* CUSTOM BOTTOM
----------------------------------------------- */
.bigs2 {padding:20px;}
.b2-item {width:23%; margin:0 1%; float:left; padding:10px; background-color:#333; color:#e3e3e3; 
box-shadow:0 0 10px 0 rgba(0,0,0,0.6);background:url(../images/cam2.jpg);}
.b2-text {height:93px; overflow:hidden;}
.b2-img {height:150px; margin:10px 0; border:10px solid #222;}
.b2-title {display:block; font-size:18px; color:#FFF !important; margin-bottom:10px; line-height:18px;}
.b2-title:hover {text-decoration:underline;}
.b2-img:hover {opacity:0.7;}

.items-bigs2 {margin:0 -20px; padding:20px; background-color:#eaeaea;}
.items-bigs2 .b2-item {width:31.33%; padding:0; background:#eaeaea; color:#5c5c5c; box-shadow:none;}
.items-bigs2 .b2-img {height:170px; border:10px solid #ccc;}
.items-bigs2 .b2-title {color:#2a2a2a !important;}


/* FOOTER
----------------------------------------------- */
.foot-menu {padding:0 5px; border-top:3px solid #FC0;}
.foot-menu li a {color:#FFF; text-transform:uppercase; font-size:14px; height:40px; line-height:40px; 
padding:0 15px; float:left; position:relative; font-family: Roboto Condensed;
border-right:1px solid #000; box-shadow:inset -1px 0 #555;}
.foot-menu li a:hover {background-color:#222;}
.foot-line {padding:20px; min-height:70px; color:#e3e3e3;}
.copyr {text-align: center;}
.copyr p{margin: 8px 0 0 10px;}
.counts {display:flex; flex-direction:column; justify-content:center; float:right;}
.foot-line a {text-decoration:underline; margin: 0 8px;
color: #999;}
#vk_groups, #vk_groups iframe {width:100% !important;}


/* FULLSTORY
----------------------------------------------- */
.full {position:relative;}
.full-title {margin-bottom:16px; position:relative;}
.full-title h1,.body-title h1{font-size:24px; margin:15px 0; padding-left:40px; position:relative;font-family: Arimo;text-align: left;border-bottom: 0px !important;}


.full-title h1:before ,.body-title h1:before{content:""; width:40px; background-color:#ccc; 
position:absolute; top:17px; left:-20px; height:1px;}
.full-title h1:after,.body-title h1:after {content:""; width:10px; height:10px; border-radius:50%; background-color:#4aa303; 
position:absolute; top:12px;left:15px; z-index:100;}
.full-cat {text-transform:uppercase;}
.full-cat a {display:inline-block; padding:5px 10px; font-size:14px; border-radius:3px;}
.full-cat a:hover {text-decoration:underline;}
.full-metas {color:#888; font-size:12px; padding:10px 240px 10px 0; position:relative; border:1px solid #e3e3e3; border-left:0; border-right:0;margin: 20px 0px 0px 0px;}
.full-metas > span {display:inline-block; float:left; margin-right:20px;}
.full-metas .share-box {top:7px; left:auto; right:0px; margin-left:0; width:230px;}
.full-metas > span a > span {font-size:18px;}

.rate3 {height:30px; position:absolute; right:0; top:0; display:inline-block; 
border-radius:3px; box-shadow:0 0 0 1px #CCC;}
.rate3 span[id*="vote-num"], .rate3 span[id*="ratig-layer"] {display:none;}
.pluss, .minuss {cursor:pointer; padding:0 10px; line-height:30px; float:left; 
color:#71ce3f; text-align:center; display:inline-block;}
.minuss {color:#cf3e3e; border-left:1px solid #CCC;}
.rate3 span.fa {font-size:18px; margin-right:10px; vertical-align:middle;}
.pluss:hover {color:#FFF; background-color:#028c19;}
.minuss:hover {background-color:#c1050a; color:#fff;}
.ratebar {width:100%; height:5px; border-radius:2px; overflow:hidden; position:absolute; right:0; bottom:-10px; 
background-color:#c00;}
.ratefill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#390; transition:width 1s linear;}
.tcarusel {height:400px; overflow:hidden; position:relative; margin:0 -20px;}
.tcarusel .fa{margin-right:0px}
.tcarusel .tcarusel-scroll {position: relative; width: 100000px;}
.tcarusel-item {width:272px !important; margin:0 22px 0 0 !important;}
.tcarusel-next, .tcarusel-prev {display:inline-block; font-size:18px; width:30px; height:30px; text-align:center; line-height:30px; 
position:absolute !important; top:15px; right:20px; cursor:pointer;}
.tcarusel-prev {right:60px;}
.tcarusel-next:hover, .tcarusel-prev:hover {color:#000;}

/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100%; max-width:100% !important;}
.mejs-container {max-width:100% !important;}
.full-text {font:15px/22px Open Sans, sans-serif; padding-bottom:20px;text-align: justify;}
.full-text #introduce-ad{float:right;margin:0px 0px 0px 20px;}
.full-text img{margin: 10px;}
.full-text p img{ max-height: 100%;max-width: 100%;height:100% !important;max-width:500px !important}
.full-text img:not(.emoji) {max-width:100%;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#06c;}
/*.full-text a:hover {text-decoration:underline;}*/
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:20px 0; font-size:18px;}
.full-text p {margin: 8px 0 0 10px;}
.full-text ul, .full-text ol {margin:0;}
.full-text ul li { }
.full-text ol li {list-style:decimal; margin-left:40px;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(2n+1) {background-color:#f6f6f6;} 
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:22px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach li{padding-left: 21px;margin: 10px;}
.attach .ico-down{background: url(/static/images/down-icon.png) no-repeat left center;float: left;margin-left:16px;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px; background:#0297dc;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px; background-color:#FFF;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist {margin:20px 0; font-size:12px;}
.full-taglist-t { margin-bottom:5px; font-weight:700;}
.full-taglist a {margin:0 0 3px 0; color:#06c}
.full-taglist span {margin-right:5px;}


/* COMMENTS
----------------------------------------------- */
.full-comms {}
.add-commbtn + form #add-comm-form {display:none; margin:20px 0;}
.add-comm-form {margin:0 -20px 20px -20px; background-color:#eaeaea; padding:20px 20px 10px 140px; position:relative;}
.ac-av {width: 100px; border-radius:10%; position:absolute; top:20px; left:25px;  background-size:contain;}
.ac-av img{height:90px; width:90px;}
.ac-title {font-weight:700; margin-bottom:10px; font-size:16px;}
.ac-inputs input {width:49%; float:left;}
.ac-inputs input:last-child {float:right;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}
.ac-textarea textarea {height:85px;}
.ac-submit {position:absolute; top:120px; left:0; width:140px; text-align:center;}
.sec-answer + .sec-label {margin-top:10px;}
.add-com-but + form #addcform {display:none; margin:20px 0;}
.ac-protect {margin-top:-10px;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.add-comm-form .login-social {position:absolute; right:17px; top:10px;}

.mass_comments_action {text-align:right; padding:5px 15px; background-color:#f0f0f0; margin:20px 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline; color:#06c;}

.comments-items {margin:20px 0;}
.comments-items img {max-width:30px;}

.comm-item {margin-bottom:20px;padding: 10px;border: 1px solid #d4d4d4;border-left: 0;border-right: 0;border-top: 0;border-style: double;}
.comm-one {position:relative; height:40px;}
.comm-one > div {float:left; margin-right:5px; line-height:20px;font-family: scada;font-size: 13px;}
.comm-one:before {content:""; width:8px; height:8px; position:absolute; left:-2px; bottom:0;
background-color:#ccc; border-radius:50%;}
.status-online:before {background-color:#3C0;}
.comm-av {width:40px; border-radius:50%;}
.comm-author, .comm-author a {color:#06c; }
.comm-author a:hover {text-decoration:underline;}
.comm-date, .comm-num {font-size:12px; color:#888;cursor: default;}
.comm-one > div.comm-ratebox {float:right; margin-right:0;}
.comm-two img {max-width:30px}
.comm-two {background-color:#fff; padding:0px 10px 10px 10px; border-radius:3px; margin: 0px 0px 0px 90px; border:0px solid #e3e3e3;font-family: Open Sans;font-size: 14px;}
.comm-two a {color:#06c}
.comm-two a:hover {color:#000}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;}
.comm-three ul {text-align:right; text-transform:uppercase;}
.comm-three ul li {display:inline-block;}
.comm-three li:first-child, .comm-three li.comm-q {margin-left:0; margin-right:10px;}
.comm-three ul li a {font-size:10px;}
.comm-three ul li span.fa {margin-right:10px; color:#888;}
.comm-three a:hover {text-decoration:underline;}
.comments-tree-list .comments-tree-list {}
.comm-rate {background-color:#f5f5f5; background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%); border-radius:2px; overflow:hidden; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); height:14px; line-height:14px; 
position:relative; padding:0 20px; text-align:center;font-family: arimo;font-size: 12px;}
.comm-rate a {display:block; color:#fff; background-color:#007b00; width:16px; height:14px; position:absolute; top:0; left:0px; line-height:14px; font-size:12px;opacity:0.5;}
.comm-rate a:nth-child(2) {background-color:#fc2b30; left:auto; right:0;opacity:0.4;}
.comm-rate a:hover {opacity:1;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: #008415;font-weight: bold;}
.comm-rate > span > span.ratingminus {color: #ff0e0e;font-weight: bold;}

.lcomm .comm-av {margin-right:10px;}
.lcomm .comm-author, .lcomm .comm-group {width:150px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.lcomm .comm-two {background-color:transparent; padding:0; font-size:12px; margin-bottom:0;}


/* LOGIN
----------------------------------------------- */
.login-box {padding:20px; background-color:#fff; display:none;}
.login-input {margin-bottom:20px;}
.login-button button {display:block; text-align:center; font-size:18px; 
width:100%; height:40px; line-height:40px;}
.login-button button:hover {}
.login-checkbox {font-size:12px; margin:10px 0; color:#888;}
.login-checkbox input {display:none;}
.login-checkbox input + label:before {width:10px; height:10px; margin-right:5px; cursor:pointer; position:relative; top:2px;
border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;}
.login-checkbox input:checked + label:before { background-color:#c9282d;}
.login-links {text-align:center; line-height:30px;}
.login-links a {float:left; text-decoration:underline;}
.login-links a:last-child {float:right;}
.login-links a:hover {text-decoration:none;}
.login-social {text-align:center;}
.login-social:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:10px;}
.login-social a {display:inline-block; margin:0 3px 10px 3px;}
.login-social img {display:block; width:33px;border-radius:4px;}
.login-social a:hover img {transform:scale(1.2);}
.login-avatar {text-align:center;}
.avatar-box {display:inline-block; width:100px; border-radius:0; overflow:hidden;}
.avatar-box img {width:100%; min-height:100%;}
.avatar-box + a {display:block; margin-top:5px; text-decoration:underline;}
.login-menu {margin-top:20px;}
.login-menu a {display:block; height:30px; padding: 5px 20px; line-height:30px; background-color:#f2f2f2; margin-bottom:5px; border-radius:3px;font-family: Roboto Condensed;line-height: 20px;font-size: 15px;}
.login-menu a:hover {color:#fff; background-color:#333;}


/* GO TOP BUTTON */
#gotop{position:fixed;width:40px;height:40px;right:10px;bottom:10px;cursor:pointer;z-index:9998;display:none; opacity:0.8; 
background-color:#000; color:#fff; font-size:18px; text-align:center; line-height:40px; border-radius:4px;}



/* ADAPTIVE
----------------------------------------------- */
.show-menu {display:none;}

@media screen and (max-width: 1601px) {
}

@media screen and (max-width: 1367px) {
}


@media screen and (max-width: 1281px) {
}


@media screen and (max-width: 1220px) {
body, .img-bg {background-image:none;}
.center {max-width:1000px;}
.show-menu {display:block; color:#fff; font-size:24px; padding:0 10px; line-height:70px; cursor:pointer;}

.nav-menu > li {display:inline-block; float:left; width:10%; position:relative; border-right:1px solid #000; box-shadow:inset -1px 0 #555;}
.nav-menu > li > a {display:block; height:40px; text-align:center; color:#fff; font-size:14px; padding:10px;}

/*.hidden-menu {width:100%; position:static; display:block;}
.hidden-menu li {border-top:0; box-shadow:none;}
.hidden-menu li a {line-height:30px;}*/
/*.nav-menu,*/ .cols:before, .nav-menu a span, .nav-menu img {display:none;}
.bigs {padding:10px 5px 0 5px;}
.t-item {border:5px solid #333;}
.bigs img {width:140px; height:90px;}
.t-title {font-size:16px; padding:10px;}
.bigs2 {padding:20px 10px;}
.cols {padding:0; overflow:hidden;}
.col-right {float:right; width:300px; margin-right:-300px; position:relative; z-index:100; padding:0 17px 20px 20px; color:#2a2a2a;}
.col-left {float:none; padding:20px 10px 0 10px;}
.section-title {margin:0 -10px 20px -10px; padding: 0 10px 20px 10px;}
.items-bigs2 {margin:0 -10px; padding:20px 10px;}
.floaters {margin:0 -5px;}

.short-comms {right:0px;}
.side-b-t {margin:0 -10px 10px -10px; padding:10px;}
.side-b-c {display:flex; flex-flow:row wrap; justify-content:space-between;}
.col-right .side1, .col-right .short4-item {width:32%;}
.foot-line {padding:20px 10px;}
.foot-menu {padding:0;}

.tcarusel {margin:0 -10px;}
.add-comm-form {margin:0 -10px 20px -10px; padding:20px 10px 10px 140px;}
}
/*
@media screen and (max-width: 950px) {
.bigbannertop {display:none;}
.wrap {padding-top:0;margin-top: 0px;}
.foot-menu li a	{font-size: 12px;padding: 0 5px;}
.bigs img {width:110px; height:70px;}
.center {max-width:768px;}
.counts, .full-title h1:before, .full-title h1:after {display:none;}
.logotype {width:260px;}
.short {padding:0 10px 20px 200px;}
.short:before {left:220px;}
/*.short-left {width:200px; height:140px; margin-left:-200px; border:5px solid #e3e3e3;}
.short-title {font-size:18px; line-height:18px;}
.short-link {left:240px;}
.b2-item {width:48%; margin:0 1% 10px 1%;}
.copyr {float:none;}
.full-metas {padding:10px;}
.full-metas > span {float:none; vertical-align:middle;}
.full-title {margin-bottom:20px;}
.full-cat a {font-size:12px;}
.full-title h1 {font-size:24px; padding-left:0;}
.rasskazhite {text-align:left;}
}

@media screen and (max-width: 760px) {
.blockmainkv {display:none}
#reformal_tab {display: none;top: 0%;}
#reformal_tab img {display: none;}
.wrap {margin-top: 0px;}
.pagi-nav {margin:2px;line-height: 15px;}
.section {display: none;}
.bigs {display: none;} 
.short-title {font-size: 14px;line-height: 18px;}
.bigs img {width:90px; height:60px;}
.center {max-width:640px;}
.top-rkl {display:none;}
.t-item {width:93px;float: left;}
.logotype {width:300px;}
.items-bigs2 .b2-item {width:48%; margin:0 1% 10px 1%;}
.col-right .side1, .col-right .short4-item {width:48%;}
.items-side2 .side2 {width:48%;}
.add-comm-form {padding:20px 10px; overflow:hidden;}
.ac-av {display:none;}
.ac-submit {position:static; width:100%;}
.ac-submit button {width:100%;}
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.center {max-width:480px;}
.search-wrap {right:10px;}
.top {padding:10px;}
.short-metas, .short-link, .short-comms, .short-text {display:none;}
.short {padding:0 10px 20px 150px;}
.short:before {left:170px;}
.short-left {width:150px; height:100px; margin-left:-150px;}
.side-b-c {display:block;}
.col-right .side1, .col-right .short4-item {width:100%;}
.floaters {margin:0;}
.items-side2 .side2 {width:100%; margin:0; float:none; height:auto;}
.comm-one > div {margin-right:10px;}
.comm-three li.comm-q {display:inline-block;}
.add-comm-form .login-social {position:static; text-align:left;}
.ac-inputs input {width:100%; float:none !important; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:-10px 0 0 0;}
.ac-submit button {float:none; display:block; text-align:center; width:100%;}
.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
figure.effect-apollo img {width: 130px;height: 80px;}
}

@media screen and (max-width: 470px) {
.center22 {max-width:320px;}
.show-login span, .short:before, .short-right:before, .bigs:before {display:none;}
.show-login span.fa {display:inline-block; margin-right:0;}
.t-item {float:left; display:inline-block; margin:0;}
.bigs {white-space:nowrap; overflow-y:hidden; overflow-x:auto; padding:20px 10px;}
.t-title {white-space:normal;}
.section-title h2 {font-size:14px;}
.short {padding:10px 10px 10px 130px; margin:0 -10px;}
.short-left {width:120px; height:80px; margin-left:-120px;}
.short-left img {width:120px; height:80px;}
.short-right {padding-left:10px;}
.short:nth-child(2n) {background-color:#f5f5f5;}
.b2-item, .items-bigs2 .b2-item {width:100%; float:none; margin:0 0 10px 0;}
.full-cat {max-width:100%;text-transform: none;}
.full-title h1 {font-size:18px;}
.tcarusel-item {width:252px !important; margin:0 12px 0 0 !important; float:left;}
.comm-one > div:nth-child(2) {max-width:140px; overflow:hidden;}
.comm-one > div:nth-child(3) {display:none;}
.login-social:before {display:block; line-height:30px; margin-right:0;}
figure.effect-apollo img {width: 100px;height: 60px;}
}
*/

.yandex-mon {font-size: 14px;font-family: Roboto Condensed; color: #000;}
.skrinshoty img {width: 275px;height: 130px;overflow: hidden;float: left;border-radius: 4px;margin: 0px 0px 20px 10px;}
.skrinshoty img {width: 263px; margin: 0px 0px 0px 0px; border-radius: 4px;border: 3px solid #e3e3e3;}
.opisanie {font-size: 20px;font-family: Arimo; color: #000;margin: 30px 0px 10px 0px;}

.versmod{color: #000;font-size: 15px;text-decoration: none;font-family: Roboto Condensed;line-height: 25px;}
.versmod a{text-decoration:none;font-size: 15px;font-family: Roboto Condensed;line-height: 25px;color: #4B6887;}
.versmod a:hover{text-decoration:underline;font-size: 15px;font-family: Roboto Condensed;line-height: 25px;}
.full-info{font-size: 15px;font-family: Roboto Condensed;border: 1px solid #484343;border-left: 0;border-right: 0;border-top: 0;border-style:dotted;
margin: 0px 10px 4px 10px;padding: 0px 0px 4px 0px;font-family: Arimo;}

.pravo-linki {text-align: center;font-size: 14px;font-family: Roboto Condensed; margin: -5px 0px 0px 5px;float:left;}
.pravo-linki img {width: 120px;height: 85px;border: 5px solid #e3e3e3;object-fit: cover;}
.pravo-linki img:hover {opacity:0.7;}


.avatar-comment img{width: 80px;max-width: 90px;border-radius: 50%;max-height: 90px;}
.text-verx {font-size: 14px;font-family: Roboto Condensed;margin: 10px 0px 20px 0px;text-align: justify;}
.iz-razdela {font-size: 22px;font-family: Roboto Condensed;margin: 0px 0px 10px 0px;color: #fff;}
.goog-te-combo {width:260px;}
.goog-te-gadget {color: #f0f0f0;}
.textCtrl {background-color: #fff;}

.restricted_comm {
color: red;
font-size: 17px;
font-weight: bold;
font-family: Roboto Condensed;
text-align: center;
}

#bg_reklama   {position: fixed;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;}  
.adb-text {color: #ff0000;}
/*打赏*/
        .content{width:80%;margin:10px auto;}
                .hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
        .shang_box{width:540px;height:540px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
        .shang_box img{border:none;border-width:0;}
        .dashang{display:block;width:100px;margin:5px auto;/*height:25px;*/line-height:25px;padding:10px;background-color:#fc0;color:#000;text-align:center;text-decoration:none;border-radius:10px;font-weight:bold;font-size:16px;transition: all 0.3s;}
        .dashang:hover{opacity:0.8;font-size:18px;}
        .shang_close{float:right;display:inline-block;}
                .shang_logo{display:block;text-align:center;margin:20px auto;}
        .shang_tit{width: 100%;height: 75px;text-align: center;line-height: 66px;color: #a3a3a3;font-size: 16px;background: url('/images/cy-reward-title-bg.jpg');font-family: 'Microsoft YaHei';margin-top: 7px;margin-right:2px;}
        .shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;}
        .shang_payimg{width:140px;padding:10px;border:6px solid #fc0;margin:0 auto;border-radius:3px;height:140px;}
        .shang_payimg img{display:block;text-align:center;width:140px;/*height:140px; */}
        .pay_explain{text-align:center;margin:10px auto;font-size:12px;color:#545454;}
        .radiobox{width: 16px;height: 16px;background: url('/images/radio2.jpg');display: block;float: left;margin-top: 5px;margin-right: 14px;}
        .checked .radiobox{background:url('/images/radio1.jpg');}
        .shang_payselect{text-align:center;margin:0 auto;margin-top:25px;cursor:pointer;height:60px;width:280px;}
        .shang_payselect .pay_item{display:inline-block;margin-right:10px;float:left;}
        .shang_info{clear:both;}
		.shang_info p,.shang_info a{color:#C3C3C3;text-align:center;font-size:12px;text-decoration:none;line-height:2em;}
/*回顶*/
.side-nav-wrap{right:30px;position:fixed;bottom:50px;z-index:100;width:100px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+350));}.side-nav-wrap li,.side-nav-wrap .ft{text-align:right;position:relative;height:30px;margin-bottom:3px;vertical-align:bottom;white-space:nowrap;}
.side-nav-wrap li a,.side-nav-wrap .ft a{display:inline-block;border-bottom: 1px solid #FC0;height:30px;width:90px;padding:0 5px;overflow:hidden;background:#484343;color:#fff;font:normal 14px/30px Microsoft Yahei,"宋体";text-align:right;float:right;text-align:center;}
.side-nav-wrap li a:hover{text-decoration:none;background:#222;color:#fff;}
.side-nav-wrap li.act a{background:#4B9A00;}
.side-nav-wrap li i{display:block;width:6px;height:12px;background:url(../images/floatNavIco.png) no-repeat -135px 0;position:absolute;left:-6px;top:9px;display:none;}
.side-nav-wrap li.act i{display:block;}
.side-nav-wrap .ft a{background:#696969 url(../images/floatNavIco.png) no-repeat 10px 10px;padding:0 5px 0 20px;}
.side-nav-wrap .ft a:hover{text-decoration:none;background-color:#50744b;}
/*ie*/
.chromeframe {
    background: #fff9d4 none repeat scroll 0 0;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 14px;
    margin: 0 auto;
    min-width: 1200px;
    padding: 10px 0;
    text-align: center;
}
.chromeframe a {
    color: red;
}

.new {
	position: absolute;
	width: 40px;
	height: 30px;
	top: 3px;
	right: -15px;
	background: url(/images/new.gif) no-repeat;
	z-index: 1;
	display: block;
}
.body-title{line-height:200%;}
.body-title h3 { 
	padding: 9px 14px;
	font-size: 14px;
	width:fit-content;
	margin: 14px;
	border: 1px dashed #efc075;
	background: #FFFFE9;
	line-height: 22px;
	color: #E96565;
}
.full-text h3{
border-left: 3px solid #fc0;
border-bottom: 1px solid #ccc4da;
font-size: 18px;
padding: 10px;
margin: 20px 0 20px;
line-height: 1.1;
color: #444;
}
/*.body-title h3:before {content:"\f12a"; font-family:'FontAwesome'; 
position: absolute; top: 30px; left: 15px; font-size: 50px; color: #f00909;}*/

.no-dow{
background-color: #CCC;padding:5px 12px;text-align: center;text-decoration:none;display: inline-block;margin:4px 2px;cursor:not-allowed;border-radius:4px;
}
.full-title .bread {
	border: 1px solid 	#d0cece;
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 6px;
	font-family: "Arimo";
	color:#2a2a2a;
	margin: 0 0 15px 0;
}
.full-title .bread a {color:#2a2a2a;}
.full-title .bread a:hover {text-decoration:underline;}
/*//.right-top{left:-10px;position: relative;}*/
/*.side-box .same-list{overflow:hidden;margin-top:10px;}*/
/*.side-box .same-list li{overflow:hidden;height:30px;line-height:30px;padding-right:15px;position:relative;margin-top:4px}*/
/*.side-box .same-list li img{width:26px;height:26px;float:left;display:inline;margin-right:4px;border-radius:3px;}*/
/*.side-box .same-list li a{display:block;height:26px;line-height:26px}*/
/*.side-box .same-list li i{width:12px;height:20px;position:absolute;right:0;background:url(/static/images/softspr.png) -305px 4px no-repeat}*/

.side-box .load-list{width:100%;overflow:hidden}
.side-box .load-list li{clear:both;position:relative;height:48px;margin:10px 0 0 0}
.side-box .load-list li:hover{background:#e6e6e6}

.side-box .load-list li .img{width:60px;float:left;padding-right:5px}
.side-box .load-list li img{width:60px;height:48px;border: 3px solid #b1b0b0;}
.side-box .load-list li img:hover{opacity: 0.7;}
.side-box .load-list li p{width:100%;height:48px;overflow:hidden}
.side-box .load-list li span a{display:block;height:24px;line-height:24px;overflow:hidden}
.side-box .load-list li span i{font-size:12px;color:#999;font-style:normal}


.audio-wrapper {
    background-color: #fcfcfc;
    margin: 10px auto;
    max-width: 670px;
    height: 70px;
    border: 1px solid #e0e0e0;
}

.audio-left {
    float: left;
    text-align: center;
    width: 18%;
    height: 100%;
}

    .audio-left img {
        width: 40px;
        position: relative;
        top: 15px;
        margin: 0;
        display: initial; /* 解除与app的样式冲突 */
        cursor: pointer;
    }

.audio-right {
    margin-right: 2%;
    float: right;
    width: 80%;
    height: 100%;
}

    .audio-right p {
        font-size: 15px;
        /*height: 35%;*/
        height: 30%;
        margin: 8px 0;
        /* 歌曲名称只显示在一行，超出部分显示为省略号 */
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 243px; /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */
    }

.progress-bar-bg {
    background-color: #d9d9d9;
    position: relative;
    height: 2px;
    cursor: pointer;
}

.progress-bar {
    background-color: #649fec;
    width: 0;
    height: 2px;
}

.progress-bar-bg span {
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #3e87e8;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: pointer;
}

.audio-time {
    overflow: hidden;
    margin-top: -1px;
}

.audio-length-total {
    float: right;
    font-size: 12px;
    margin-top: 5px;
}

.audio-length-current {
    float: left;
    font-size: 12px;
    margin-top: 5px;
}
/*图标*/
.attach .ico-baidu{
background: url(/static/images/baidupan.jpg) no-repeat left center;
float: left;
margin-left: 16px;
}
.attach .ico-weiyun{
background: url(/static/images/ico-weiyun.jpg) no-repeat left center;
float: left;
margin-left: 16px;
}
.attach .ico-guanfang{
background: url(/static/images/ico-guanfang.jpg) no-repeat left center;
float: left;
margin-left: 16px;
}
.attach .ico-yiyang{
background: url(/static/images/ico-yiyang.png) no-repeat left center;
float: left;
margin-left: 16px;
}
.attach .ico-wu{
background: url(/static/images/ico-wu.jpg) no-repeat left center;
float: left;
margin-left: 16px;
}
.attach .ico-123pan{
background: url(/static/img/ico-123pan.png) no-repeat left center;
float: left;
margin-left: 16px;
}
.attach .ico-chengtong{
background: url(/static/img/ico-chengtong.png) no-repeat left center;
float: left;
margin-left: 16px;
}