Your IP : 18.117.138.3
.adm-detail-content-wrap {
margin-bottom: 10px;
}
.stat-item-block-container{
max-width: 1080px;
}
.stat-title {
background: #8ea2ab;
line-height: 48px;
padding: 0 53px 0 17px;
margin-bottom: 10px;
color: #fff;
}
.stat-title-name {
border-bottom: 1px dashed;
}
.stat-title-name:hover {
border-bottom: 1px solid transparent;
}
.stat-title-select {
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border: 5px solid transparent;
border-top: 5px solid rgba(255,255,255,0.8);
border-bottom: none;
margin-left: 7px;
}
.adm-profit-filter {
display: inline-block;
vertical-align: middle;
}
.adm-description {
font-size: 13px;
color: #474c53;
margin: 30px 0 35px;
}
.adm-description .adm-description-title {
font-weight: bold;
float: left;
margin-right: 15px;
}
.adm-description .adm-clarification {
display: block;
overflow: hidden;
}
.adm-profit-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin-bottom: 11px;
}
.adm-profit-title-name {
font-size: 14px;
font-weight: bold;
color: #2579bf;
border-bottom: 1px dashed;
}
.adm-profit-title-name:hover {
border-bottom: 1px solid transparent;
}
.adm-profit-title-name-select {
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border: 4px solid transparent;
border-top: 4px solid #2579bf;
border-bottom: none;
margin-left: 4px;
}
.adm-profit-scale {
font-size: 0;
position: relative;
padding: 0 47px 0 34px;
}
.adm-profit-scale-part {
display: inline-block;
vertical-align: top;
width: 20%;
}
.adm-profit-scale-edge {
top: 0;
height: 40px;
position: absolute;
}
.adm-profit-scale-part-1 .adm-profit-scale-edge {
border-radius: 3px 0 0 3px;
left: 0;
width: 34px;
}
.adm-profit-scale-part-5 .adm-profit-scale-edge {
border-radius: 0 3px 3px 0;
right: 0;
width: 47px;
}
.adm-profit-scale-inner {
height: 40px;
}
.adm-profit-scale-part-1 .adm-profit-scale-inner,
.adm-profit-scale-part-1 .adm-profit-scale-edge {background-color: #eb7c33;}
.adm-profit-scale-part-2 .adm-profit-scale-inner {background-color: #ea9f44;}
.adm-profit-scale-part-3 .adm-profit-scale-inner {background-color: #eccb4b;}
.adm-profit-scale-part-4 .adm-profit-scale-inner {background-color: #a1b640;}
.adm-profit-scale-part-5 .adm-profit-scale-inner,
.adm-profit-scale-part-5 .adm-profit-scale-edge {background-color: #a0caed;}
.adm-profit-scale-title {
color: #a0a2a2;
font-size: 12px;
text-align: center;
padding-top: 5px;
}
.adm-profit-scale-separation {
height: 8px;
top: 15px;
position: absolute;
width: 100%;
left: 0;
}
.adm-profit-scale-num-l {
color: #a85b28;
font-size: 11px;
line-height: 12px;
float: left;
padding: 0 4px 0 14px;
}
.adm-profit-scale-num-r {
color: #7c8993;
font-size: 11px;
line-height: 12px;
float: right;
padding: 0 14px 0 4px;
}
.adm-profit-scale-separation-inner {
background: url(images/adm-scale-sprite.png) repeat-x 0 -69px;
height: 8px;
margin: 2px 46px 0 34px;
position: relative;
}
.adm-profit-scale-value {
background-color: #494f58;
bottom: -15px;
height: 40px;
position: absolute;
width: 1px;
}
.adm-profit-scale-value-num {
background: url(images/adm-scale-sprite.png) no-repeat 0 0;
color: #31353a;
font-size: 22px;
font-weight: bold;
height: 45px;
line-height: 35px;
margin: -19px 0 0 -32px;
text-align: center;
text-shadow: 0 1px #fff;
padding-right: 10px;
width: 65px;
}
.adm-profit-scale-shadow {
background-image:
-webkit-linear-gradient(top, rgba(255,255,255,0.02), rgba(255,255,255,0.15), rgba(255,255,255,0.4)11px, rgba(255,255,255,0)11px,
rgba(255,255,255,0)24px,
rgba(255,255,255,0.06)22px, rgba(255,255,255,0.4) 31px,rgba(255,255,255,0.52) 34px, rgba(255,255,255,0.3)40px);
background-image:
linear-gradient(to bottom, rgba(255,255,255,0.02), rgba(255,255,255,0.15), rgba(255,255,255,0.4)11px, rgba(255,255,255,0)11px,
rgba(255,255,255,0)24px,
rgba(255,255,255,0.06)22px, rgba(255,255,255,0.4) 31px,rgba(255,255,255,0.52) 34px, rgba(255,255,255,0.3)40px);
height: 40px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.stat-item-container {
position: relative;
padding: 7px 7px;
border: 1px solid #e0e1e1;
border-radius: 3px;
background: #fff;
margin-top: 15px;
}
.stat-description {
font-size: 16px;
line-height: 22px;
color: #5d6471;
margin-left: 12px;
}
.item-total .stat-item-title {
background: #e8eef0;
color: #000;
}
.item-detailed {
padding-bottom: 23px;
margin: 0 auto 15px;
}
.item-detailed .stat-item-subtitle {
font-size: 15px;
}
.item-detailed .stat-item-equality {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -64px;
width: 64px;
height: 64px;
border: 5px solid #fff;
box-shadow: 0px 1px 57px 3px rgba(0,1,1,0.19);
border-radius: 50%;
background: #788b91;
z-index: 1;
}
.stat-item-equality:before, .stat-item-equality:after {
content: '';
position: absolute;
top: 22px;
right: 0;
left: 0;
margin: auto;
background: #fff;
width: 31px;
height: 7px;
}
.stat-item-equality:after {
top: auto;
bottom: 22px;
}
.stat-item-plus {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -35px;
width: 43px;
height: 43px;
border: 5px solid #fff;
box-shadow: 0px 1px 57px 3px rgba(0,1,1,0.19);
border-radius: 50%;
}
.stat-item-plus:before, .stat-item-plus:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
background: #fff;
width: 5px;
height: 23px;
}
.stat-item-plus:after {
width: 23px;
height: 5px;
}
.stat-item-title {
font-size: 18px;
line-height: 48px;
color: #fff;
padding: 0 17px;
background: #29ace3;
}
.stat-item-title span.stat-item-title-period {
font-weight: bold;
}
.stat-item-title .stat-item-title-name {
font-size: 16px;
border-bottom: 1px dashed;
margin-left: 5px;
}
.stat-item-title .stat-item-title-name:hover {
border-bottom: 1px solid transparent;
}
.stat-item-title-name-select {
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border: 4px solid transparent;
border-top: 4px solid #fff;
border-bottom: none;
margin-left: 4px;
opacity: 0.5;
}
.stat-graph-container {
background: #fefefe;
padding: 10px 20px 20px;
}
.stat-graph-title {
font-size: 13px;
line-height: 36px;
font-weight: bold;
color: #000;
display: block;
margin: 0 0 0 10px;
}
.stat-item-title-traffic {
float: right;
font-size: 20px;
color: rgba(255,255,255,0.8);
font-weight: bold;
}
.stat-item-title-traffic span {
font-weight: normal;
font-size: 18px;
vertical-align: top;
display: inline-block;
line-height: 46px;
}
.stat-item {
padding: 15px 0 15px 0;
margin: 0 15px 0 10px;
}
.stat-item-subtitle {
display: block;
font-size: 12px;
font-weight: bold;
color: #000;
text-transform: uppercase;
margin-bottom: 13px;
padding-left: 10px;
}
.stat-item-block {
overflow: hidden;
text-align: center;
}
.stat-item-block-first {
float: left;
width: 290px;
text-align: left;
}
.stat-item-block-conversion {
float: right;
width: 240px;
text-align: right;
margin-top: -15px;
}
.stat-item-block-conversion .stat-item-block-inner {
min-width: 150px;
background: #ebf0f2;
}
.stat-item-block-inner {
text-align: left;
display: inline-block;
}
.stat-item-block-title {
display: block;
font-size: 12px;
line-height: 12px;
color: rgba(0,0,0,0.7);
text-align: left;
padding: 0 10px;
}
.stat-item-block-digit {
display: block;
font-size: 40px;
line-height: 52px;
padding: 0 10px;
}
.stat-item-block-digit span {
font-size: 15px;
text-transform: uppercase;
}
.stat-item-block-conversion .stat-item-block-title {
background: #ced4d6;
line-height: 25px;
font-weight: bold;
color: #000;
}
.stat-item-block-more {
margin-bottom: 20px;
}
.stat-item-block-more a {
position: relative;
display: block;
font-size: 10px;
height: 28px;
line-height: 28px;
font-weight: bold;
color: #2579bf;
text-transform: uppercase;
}
.stat-item-block-more a span {
position: absolute;
left: 0;
padding-left: 20px;
background: #fff;
padding-right: 15px;
z-index: 1;
}
.stat-item-block-more a span span {
border-bottom: 1px solid;
position: static;
padding: 0;
}
.stat-item-block-more a:hover span span {
border-bottom: 1px solid transparent;
}
.stat-item-block-more a:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
height: 1px;
width: 100%;
background: #eeeff0;
}
.stat-item-block-more.more-deployed a:after {
content: none;
}
.stat-item-block-more .stat-item {
border-top: 1px solid #eeeff1;
}
.stat-item-block-more .stat-item-block-digit {
font-size: 20px;
line-height: 34px;
}
.ab-title-icon {
width: 36px;
height: 36px;
background: url(images/ab-icon.gif) no-repeat 0 0;
display: inline-block;
vertical-align: middle;
}
.ab-test-info {
display: inline-block;
font-size: 14px;
line-height: 36px;
color: rgba(45,50,60,0.7);
padding: 0 15px;
}
.item-test-info {
padding: 17px;
}
.ab-test-info span {
font-size: 15px;
font-weight: bold;
color: #2d323c;
}
.ab-test-info.ab-test-info-right {
float: right;
font-size: 13px;
}
.ab-test-info-btn {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 34px;
text-decoration: none;
padding: 0 18px 0 8px;
background: #838b90;
border: 1px solid #b1b5be;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 1px 0 0px rgba(0,0,0,0.15), inset 0 2px 10px 0 rgba(255,255,255,0.5), inset 0 -3px 10px 0px rgba(0,0,0,0.15);
border-radius: 2px;
}
.ab-test-info-btn:hover {
text-decoration: none;
}
.ab-test-info-btn span {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 18px;
height: 18px;
border: 1px solid #fff;
border-radius: 50%;
}
.ab-test-info-btn span:before {
content: '';
width: 6px;
height: 6px;
background: #fff;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.ab-item-container .stat-item-container {
display: inline-block;
margin-bottom: 30px;;
}
.ab-item-container .stat-item-container:last-child {
float: right;
}
.ab-letter {
display: inline-block;
vertical-align: middle;
width: 61px;
height: 61px;
text-align: center;
line-height: 61px;
color: #fff;
font-size: 33px;
font-weight: bold;
margin-right: 4px;
}
.ab-letter.ab-letter-a {
background: #33b4ea;
}
.ab-letter.ab-letter-b {
background: #ea9a00;
}
.ab-item {
display: inline-block;
vertical-align: middle;
font-size: 19px;
line-height: 61px;
color: #000;
font-weight: bold;
background: #eef2f4;
padding: 0 44px 0 22px;
}
.ab-item-desc {
position: absolute;
left: 0;
right: 0;
bottom: -30px;
margin: auto;
text-align: center;
}
.ab-item-desc span {
font-weight: bold;
font-size: 14px;
line-height: 25px;
}
.item-conversion-block {
padding: 25px 40px;
text-align: center;
}
.item-conversion-block-title {
font-size: 21px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.item-conversion-block-subtitle {
font-size: 12px;
color: #606060;
text-align: center;
}
.item-conversion-block-subtitle span {
font-style: italic;
color: #929292;
display: block;
}
.item-conversion-graph-block {
background: #fff;
padding: 0px;
border: 2px solid #ecedee;
margin-top: 25px;
height: 320px;
}
.item-conversion-block .adm-btn {
margin: 20px auto 0;
}
.item-conversion-block .stat-item-data {
padding: 5px;
width: 175px;
height: 110px;
margin-top: 40px;
display: inline-block;
}
.item-conversion-block .stat-item-data .stat-item {
margin: 0;
background: #e2ebed;
}
.item-conversion-block .stat-item-data .stat-item-container-title {
background: #e2ebed;
}
.item-conversion-block .stat-item-data .stat-item-container-title-name {
font-size: 12px;
font-weight: bold;
}
.item-conversion-block .stat-item-data .stat-item-block {
position: static;
}
.item-conversion-block .stat-item-data .stat-item-block-digit {
font-size: 52px;
color: #2d323c;
line-height: 48px;
padding: 0;
}
.item-conversion-block .stat-item-data-container-dynamics .stat-item-block-digit {
color: #fff;
text-shadow: 0 -2px 2px rgba(65,91,109,0.4);
}
.stat-item-data-container-dynamics .stat-item-block-digit-arrow {
width: 20px;
height: 22px;
background: url(images/adm-ab-sprite.png) no-repeat 0 0;
margin-right: 15px;
}
.stat-item-data-container-dynamics .stat-item-block-fall .stat-item-block-digit-arrow {
background-position: 0 -25px;
}
.stat-item-data-container-dynamics .stat-item-block-incr .stat-item-block-digit-arrow {
background-position: 0 0;
}
.item-conversion-block .stat-item-data .stat-item-block-digit span {
font-size: 35px;
}
.adm-detail-block .adm-detail-toolbar {
margin: 50px 0 35px;
padding: 0 20px;
}
.adm-detail-toolbar-title {
display: block;
font-size: 21px;
font-weight: bold;
color: #000;
line-height: 48px;
}
.adm-detail-toolbar-title span {
display: inline-block;
vertical-align: middle;
font-size: 12px;
font-weight: normal;
color: #606060;
margin-left: 15px;
}
.stat-item-data-container {
padding: 0 40px;
overflow: hidden;
display: inline-block;
width: 49.5%;
box-sizing: border-box;
}
.stat-item-data-container-a {
text-align: left;
}
.stat-item-data-container-b {
text-align: right;
}
.stat-item-data-container-b .stat-item-container-title-letter {
background: #ea9a00;
}
.item-conversion-block .stat-item-data-container {
width: 32%;
padding: 0;
}
.item-conversion-block .stat-item-block-incr .stat-item-container-title {
background: #97c500;
}
.item-conversion-block .stat-item-block-fall .stat-item-container-title {
background: #f13a36;
}
.stat-item-data-container-dynamics .stat-item-container-title-name {
background: rgba(88,102,74,0.4);
box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.23);
}
.item-conversion-block .stat-item-data-container-dynamics .stat-item-block-incr .stat-item{
background: #97c500;
}
.item-conversion-block .stat-item-data-container-dynamics .stat-item-block-fall .stat-item{
background: #f13a36;
}
.stat-item-data {
box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
width: 250px;
height: 160px;
margin: 0 0 32px 0;
display: inline-block;
}
.stat-item-data.stat-item-data-funnel {
height: auto;
width: auto;
}
.stat-item-data.stat-item-data-funnel .stat-item-block.stat-item-block-first {
position: static;
float: none;
margin-bottom: 20px;
}
.stat-item-data-funnel .stat-item {
padding-top: 30px;
text-align: center;
}
.stat-item-container-title-letter {
float: left;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
font-weight: bold;
font-size: 14px;
color: #fff;
background: #33b4ea;
margin-right: 4px;
}
.stat-item-container-title-name {
line-height: 26px;
padding: 0 10px;
display: block;
overflow: hidden;
border-radius: 2px;
font-size: 10px;
font-weight: bold;
color: #fff;
text-shadow: 0px -1px 0px rgba(65,91,109,0.4);
box-shadow: inset 0px -1px 1px 0px rgba(51,55,61,0.44);
text-transform: uppercase;
background: #a4a8ac;
text-align: left;
}
.stat-item-data .stat-item-block.stat-item-block-conversion {
position: absolute;
top: 60px;
left: auto;
right: -18px;
background: #fff;
border-radius: 3px;
padding: 3px;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.29);
width: auto;
}
.stat-item-data .stat-item-block-conversion .stat-item-block-digit {
font-size: 25px;
padding: 0 5px;
line-height: 44px;
}
.stat-item-data .stat-item-block-conversion .stat-item-block-inner {
min-width: 94px;
}
.stat-item-data .stat-item-block-conversion-fall .stat-item-block-inner {
background: #fbd1d0;
}
.stat-item-data .stat-item-block-conversion-incr .stat-item-block-inner {
background: rgba(199,222,107,0.4);
}
.stat-item-data .stat-item-block {
position: absolute;
top: 50px;
left: 0px;
}
.stat-item-data .stat-item-block.stat-item-block-first {
top: auto;
bottom: 0;
}
.stat-item-data .stat-item-block-digit {
font-size: 30px;
color: #2d323c;
line-height: 38px;
}
.stat-item-data .stat-item-block-conversion .stat-item-block-title {
background: rgba(135,84,53,0.12);
}
.stat-item-block-conversion .stat-item-block-digit span {
font-size: 17px;
}
.stat-item-block-digit-arrow {
display: inline-block;
margin-right: 5px;
width: 12px;
height: 14px;
background: url(images/adm-ab-sprite.png) no-repeat 0 14px;
}
.stat-item-block-conversion-fall .stat-item-block-digit-arrow {
background-position: 0 -67px;
}
.stat-item-block-conversion-incr .stat-item-block-digit-arrow {
background-position: 0 -50px;
}
.stat-item-chain {
position: absolute;
left: 0;
right: 0;
bottom: -21px;
margin: auto;
width: 3px;
height: 2px;
background: transparent;
border-top: 3px solid #a4a8ac;
border-bottom: 3px solid #a4a8ac;
}
.stat-item-chain:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: -8px;
margin: auto;
width: 3px;
height: 12px;
background: transparent;
border-top: 3px solid #a4a8ac;
border-bottom: 3px solid #a4a8ac;
}
.stat-item-chain:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: -13px;
margin: auto;
width: 3px;
height: 22px;
background: transparent;
border-top: 3px solid #a4a8ac;
border-bottom: 3px solid #a4a8ac;
}
.stat-btn-panel {
display: block;
background: #fff;
text-align: center;
padding: 25px 20px 5px;
max-width: 1080px;
}
.adm-workarea .stat-btn-panel .adm-btn,
.adm-workarea .stat-btn-panel .adm-btn:active {
padding: 6px 15px 5px 45px !important;
}
.adm-workarea .stat-btn-panel .adm-btn:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 12px;
margin: auto;
width: 9px;
height: 13px;
background: url(images/adm-ab-sprite.png) no-repeat 0 -83px;
}
.adm-workarea .stat-btn-panel .adm-btn:after {
content: '';
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 1px;
height: 22px;
background: #cfd5d8;
border-right: 1px solid #fff;
}
.adm-workarea .stat-btn-panel .adm-btn:active:after {
border-right: 1px solid rgba(103,109,123,.78);
}