/**
 * Framework7 1.4.2
 * Full Featured Mobile HTML Framework For Building iOS & Android Apps
 * 
 * http://www.idangero.us/framework7
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 27, 2016
 */
body,html {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-x: hidden
}

body {
  font-family: -apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  background: #fff;
  overflow: hidden
}

@media all and (width:1024px) and (height:691px) and (orientation:landscape) {
  body,html {
    height: 671px
  }
}

@media all and (width:1024px) and (height:692px) and (orientation:landscape) {
  body,html {
    height: 672px
  }
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

a,input,select,textarea {
  outline: 0
}

a {
  text-decoration: none;
  color: #007aff
}

p {
  margin: 1em 0
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.row>[class*=col-] {
  box-sizing: border-box
}

.row .col-auto {
  width: 100%
}

.row .col-100 {
  width: 100%;
  width: -webkit-calc((100% - 15px*0)/ 1);
  width: calc((100% - 15px*0)/ 1)
}

.row.no-gutter .col-100 {
  width: 100%
}

.row .col-95 {
  width: 95%;
  width: -webkit-calc((100% - 15px*.05263157894736836)/ 1.0526315789473684);
  width: calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)
}

.row.no-gutter .col-95 {
  width: 95%
}

.row .col-90 {
  width: 90%;
  width: -webkit-calc((100% - 15px*.11111111111111116)/ 1.1111111111111112);
  width: calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)
}

.row.no-gutter .col-90 {
  width: 90%
}

.row .col-85 {
  width: 85%;
  width: -webkit-calc((100% - 15px*.17647058823529416)/ 1.1764705882352942);
  width: calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)
}

.row.no-gutter .col-85 {
  width: 85%
}

.row .col-80 {
  width: 80%;
  width: -webkit-calc((100% - 15px*.25)/ 1.25);
  width: calc((100% - 15px*.25)/ 1.25)
}

.row.no-gutter .col-80 {
  width: 80%
}

.row .col-75 {
  width: 75%;
  width: -webkit-calc((100% - 15px*.33333333333333326)/ 1.3333333333333333);
  width: calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)
}

.row.no-gutter .col-75 {
  width: 75%
}

.row .col-70 {
  width: 70%;
  width: -webkit-calc((100% - 15px*.4285714285714286)/ 1.4285714285714286);
  width: calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)
}

.row.no-gutter .col-70 {
  width: 70%
}

.row .col-66 {
  width: 66.66666666666666%;
  width: -webkit-calc((100% - 15px*.5000000000000002)/ 1.5000000000000002);
  width: calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)
}

.row.no-gutter .col-66 {
  width: 66.66666666666666%
}

.row .col-65 {
  width: 65%;
  width: -webkit-calc((100% - 15px*.5384615384615385)/ 1.5384615384615385);
  width: calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)
}

.row.no-gutter .col-65 {
  width: 65%
}

.row .col-60 {
  width: 60%;
  width: -webkit-calc((100% - 15px*.6666666666666667)/ 1.6666666666666667);
  width: calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)
}

.row.no-gutter .col-60 {
  width: 60%
}

.row .col-55 {
  width: 55%;
  width: -webkit-calc((100% - 15px*.8181818181818181)/ 1.8181818181818181);
  width: calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)
}

.row.no-gutter .col-55 {
  width: 55%
}

.row .col-50 {
  width: 50%;
  width: -webkit-calc((100% - 15px*1)/ 2);
  width: calc((100% - 15px*1)/ 2)
}

.row.no-gutter .col-50 {
  width: 50%
}

.row .col-45 {
  width: 45%;
  width: -webkit-calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223);
  width: calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)
}

.row.no-gutter .col-45 {
  width: 45%
}

.row .col-40 {
  width: 40%;
  width: -webkit-calc((100% - 15px*1.5)/ 2.5);
  width: calc((100% - 15px*1.5)/ 2.5)
}

.row.no-gutter .col-40 {
  width: 40%
}

.row .col-35 {
  width: 35%;
  width: -webkit-calc((100% - 15px*1.8571428571428572)/ 2.857142857142857);
  width: calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)
}

.row.no-gutter .col-35 {
  width: 35%
}

.row .col-33 {
  width: 33.333333333333336%;
  width: -webkit-calc((100% - 15px*2)/ 3);
  width: calc((100% - 15px*2)/ 3)
}

.row.no-gutter .col-33 {
  width: 33.333333333333336%
}

.row .col-30 {
  width: 30%;
  width: -webkit-calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335);
  width: calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)
}

.row.no-gutter .col-30 {
  width: 30%
}

.row .col-25 {
  width: 25%;
  width: -webkit-calc((100% - 15px*3)/ 4);
  width: calc((100% - 15px*3)/ 4)
}

.row.no-gutter .col-25 {
  width: 25%
}

.row .col-20 {
  width: 20%;
  width: -webkit-calc((100% - 15px*4)/ 5);
  width: calc((100% - 15px*4)/ 5)
}

.row.no-gutter .col-20 {
  width: 20%
}

.row .col-15 {
  width: 15%;
  width: -webkit-calc((100% - 15px*5.666666666666667)/ 6.666666666666667);
  width: calc((100% - 15px*5.666666666666667)/ 6.666666666666667)
}

.row.no-gutter .col-15 {
  width: 15%
}

.row .col-10 {
  width: 10%;
  width: -webkit-calc((100% - 15px*9)/ 10);
  width: calc((100% - 15px*9)/ 10)
}

.row.no-gutter .col-10 {
  width: 10%
}

.row .col-5 {
  width: 5%;
  width: -webkit-calc((100% - 15px*19)/ 20);
  width: calc((100% - 15px*19)/ 20)
}

.row.no-gutter .col-5 {
  width: 5%
}

.row .col-auto:nth-last-child(1),.row .col-auto:nth-last-child(1)~.col-auto {
  width: 100%;
  width: -webkit-calc((100% - 15px*0)/ 1);
  width: calc((100% - 15px*0)/ 1)
}

.row.no-gutter .col-auto:nth-last-child(1),.row.no-gutter .col-auto:nth-last-child(1)~.col-auto {
  width: 100%
}

.row .col-auto:nth-last-child(2),.row .col-auto:nth-last-child(2)~.col-auto {
  width: 50%;
  width: -webkit-calc((100% - 15px*1)/ 2);
  width: calc((100% - 15px*1)/ 2)
}

.row.no-gutter .col-auto:nth-last-child(2),.row.no-gutter .col-auto:nth-last-child(2)~.col-auto {
  width: 50%
}

.row .col-auto:nth-last-child(3),.row .col-auto:nth-last-child(3)~.col-auto {
  width: 33.33333333%;
  width: -webkit-calc((100% - 15px*2)/ 3);
  width: calc((100% - 15px*2)/ 3)
}

.row.no-gutter .col-auto:nth-last-child(3),.row.no-gutter .col-auto:nth-last-child(3)~.col-auto {
  width: 33.33333333%
}

.row .col-auto:nth-last-child(4),.row .col-auto:nth-last-child(4)~.col-auto {
  width: 25%;
  width: -webkit-calc((100% - 15px*3)/ 4);
  width: calc((100% - 15px*3)/ 4)
}

.row.no-gutter .col-auto:nth-last-child(4),.row.no-gutter .col-auto:nth-last-child(4)~.col-auto {
  width: 25%
}

.row .col-auto:nth-last-child(5),.row .col-auto:nth-last-child(5)~.col-auto {
  width: 20%;
  width: -webkit-calc((100% - 15px*4)/ 5);
  width: calc((100% - 15px*4)/ 5)
}

.row.no-gutter .col-auto:nth-last-child(5),.row.no-gutter .col-auto:nth-last-child(5)~.col-auto {
  width: 20%
}

.row .col-auto:nth-last-child(6),.row .col-auto:nth-last-child(6)~.col-auto {
  width: 16.66666667%;
  width: -webkit-calc((100% - 15px*5)/ 6);
  width: calc((100% - 15px*5)/ 6)
}

.row.no-gutter .col-auto:nth-last-child(6),.row.no-gutter .col-auto:nth-last-child(6)~.col-auto {
  width: 16.66666667%
}

.row .col-auto:nth-last-child(7),.row .col-auto:nth-last-child(7)~.col-auto {
  width: 14.28571429%;
  width: -webkit-calc((100% - 15px*6)/ 7);
  width: calc((100% - 15px*6)/ 7)
}

.row.no-gutter .col-auto:nth-last-child(7),.row.no-gutter .col-auto:nth-last-child(7)~.col-auto {
  width: 14.28571429%
}

.row .col-auto:nth-last-child(8),.row .col-auto:nth-last-child(8)~.col-auto {
  width: 12.5%;
  width: -webkit-calc((100% - 15px*7)/ 8);
  width: calc((100% - 15px*7)/ 8)
}

.row.no-gutter .col-auto:nth-last-child(8),.row.no-gutter .col-auto:nth-last-child(8)~.col-auto {
  width: 12.5%
}

.row .col-auto:nth-last-child(9),.row .col-auto:nth-last-child(9)~.col-auto {
  width: 11.11111111%;
  width: -webkit-calc((100% - 15px*8)/ 9);
  width: calc((100% - 15px*8)/ 9)
}

.row.no-gutter .col-auto:nth-last-child(9),.row.no-gutter .col-auto:nth-last-child(9)~.col-auto {
  width: 11.11111111%
}

.row .col-auto:nth-last-child(10),.row .col-auto:nth-last-child(10)~.col-auto {
  width: 10%;
  width: -webkit-calc((100% - 15px*9)/ 10);
  width: calc((100% - 15px*9)/ 10)
}

.row.no-gutter .col-auto:nth-last-child(10),.row.no-gutter .col-auto:nth-last-child(10)~.col-auto {
  width: 10%
}

.row .col-auto:nth-last-child(11),.row .col-auto:nth-last-child(11)~.col-auto {
  width: 9.09090909%;
  width: -webkit-calc((100% - 15px*10)/ 11);
  width: calc((100% - 15px*10)/ 11)
}

.row.no-gutter .col-auto:nth-last-child(11),.row.no-gutter .col-auto:nth-last-child(11)~.col-auto {
  width: 9.09090909%
}

.row .col-auto:nth-last-child(12),.row .col-auto:nth-last-child(12)~.col-auto {
  width: 8.33333333%;
  width: -webkit-calc((100% - 15px*11)/ 12);
  width: calc((100% - 15px*11)/ 12)
}

.row.no-gutter .col-auto:nth-last-child(12),.row.no-gutter .col-auto:nth-last-child(12)~.col-auto {
  width: 8.33333333%
}

.row .col-auto:nth-last-child(13),.row .col-auto:nth-last-child(13)~.col-auto {
  width: 7.69230769%;
  width: -webkit-calc((100% - 15px*12)/ 13);
  width: calc((100% - 15px*12)/ 13)
}

.row.no-gutter .col-auto:nth-last-child(13),.row.no-gutter .col-auto:nth-last-child(13)~.col-auto {
  width: 7.69230769%
}

.row .col-auto:nth-last-child(14),.row .col-auto:nth-last-child(14)~.col-auto {
  width: 7.14285714%;
  width: -webkit-calc((100% - 15px*13)/ 14);
  width: calc((100% - 15px*13)/ 14)
}

.row.no-gutter .col-auto:nth-last-child(14),.row.no-gutter .col-auto:nth-last-child(14)~.col-auto {
  width: 7.14285714%
}

.row .col-auto:nth-last-child(15),.row .col-auto:nth-last-child(15)~.col-auto {
  width: 6.66666667%;
  width: -webkit-calc((100% - 15px*14)/ 15);
  width: calc((100% - 15px*14)/ 15)
}

.row.no-gutter .col-auto:nth-last-child(15),.row.no-gutter .col-auto:nth-last-child(15)~.col-auto {
  width: 6.66666667%
}

.row .col-auto:nth-last-child(16),.row .col-auto:nth-last-child(16)~.col-auto {
  width: 6.25%;
  width: -webkit-calc((100% - 15px*15)/ 16);
  width: calc((100% - 15px*15)/ 16)
}

.row.no-gutter .col-auto:nth-last-child(16),.row.no-gutter .col-auto:nth-last-child(16)~.col-auto {
  width: 6.25%
}

.row .col-auto:nth-last-child(17),.row .col-auto:nth-last-child(17)~.col-auto {
  width: 5.88235294%;
  width: -webkit-calc((100% - 15px*16)/ 17);
  width: calc((100% - 15px*16)/ 17)
}

.row.no-gutter .col-auto:nth-last-child(17),.row.no-gutter .col-auto:nth-last-child(17)~.col-auto {
  width: 5.88235294%
}

.row .col-auto:nth-last-child(18),.row .col-auto:nth-last-child(18)~.col-auto {
  width: 5.55555556%;
  width: -webkit-calc((100% - 15px*17)/ 18);
  width: calc((100% - 15px*17)/ 18)
}

.row.no-gutter .col-auto:nth-last-child(18),.row.no-gutter .col-auto:nth-last-child(18)~.col-auto {
  width: 5.55555556%
}

.row .col-auto:nth-last-child(19),.row .col-auto:nth-last-child(19)~.col-auto {
  width: 5.26315789%;
  width: -webkit-calc((100% - 15px*18)/ 19);
  width: calc((100% - 15px*18)/ 19)
}

.row.no-gutter .col-auto:nth-last-child(19),.row.no-gutter .col-auto:nth-last-child(19)~.col-auto {
  width: 5.26315789%
}

.row .col-auto:nth-last-child(20),.row .col-auto:nth-last-child(20)~.col-auto {
  width: 5%;
  width: -webkit-calc((100% - 15px*19)/ 20);
  width: calc((100% - 15px*19)/ 20)
}

.row.no-gutter .col-auto:nth-last-child(20),.row.no-gutter .col-auto:nth-last-child(20)~.col-auto {
  width: 5%
}

.row .col-auto:nth-last-child(21),.row .col-auto:nth-last-child(21)~.col-auto {
  width: 4.76190476%;
  width: -webkit-calc((100% - 15px*20)/ 21);
  width: calc((100% - 15px*20)/ 21)
}

.row.no-gutter .col-auto:nth-last-child(21),.row.no-gutter .col-auto:nth-last-child(21)~.col-auto {
  width: 4.76190476%
}

@media all and (min-width:768px) {
  .row .tablet-100 {
    width: 100%;
    width: -webkit-calc((100% - 15px*0)/ 1);
    width: calc((100% - 15px*0)/ 1)
  }

  .row.no-gutter .tablet-100 {
    width: 100%
  }

  .row .tablet-95 {
    width: 95%;
    width: -webkit-calc((100% - 15px*.05263157894736836)/ 1.0526315789473684);
    width: calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)
  }

  .row.no-gutter .tablet-95 {
    width: 95%
  }

  .row .tablet-90 {
    width: 90%;
    width: -webkit-calc((100% - 15px*.11111111111111116)/ 1.1111111111111112);
    width: calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)
  }

  .row.no-gutter .tablet-90 {
    width: 90%
  }

  .row .tablet-85 {
    width: 85%;
    width: -webkit-calc((100% - 15px*.17647058823529416)/ 1.1764705882352942);
    width: calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)
  }

  .row.no-gutter .tablet-85 {
    width: 85%
  }

  .row .tablet-80 {
    width: 80%;
    width: -webkit-calc((100% - 15px*.25)/ 1.25);
    width: calc((100% - 15px*.25)/ 1.25)
  }

  .row.no-gutter .tablet-80 {
    width: 80%
  }

  .row .tablet-75 {
    width: 75%;
    width: -webkit-calc((100% - 15px*.33333333333333326)/ 1.3333333333333333);
    width: calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)
  }

  .row.no-gutter .tablet-75 {
    width: 75%
  }

  .row .tablet-70 {
    width: 70%;
    width: -webkit-calc((100% - 15px*.4285714285714286)/ 1.4285714285714286);
    width: calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)
  }

  .row.no-gutter .tablet-70 {
    width: 70%
  }

  .row .tablet-66 {
    width: 66.66666666666666%;
    width: -webkit-calc((100% - 15px*.5000000000000002)/ 1.5000000000000002);
    width: calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)
  }

  .row.no-gutter .tablet-66 {
    width: 66.66666666666666%
  }

  .row .tablet-65 {
    width: 65%;
    width: -webkit-calc((100% - 15px*.5384615384615385)/ 1.5384615384615385);
    width: calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)
  }

  .row.no-gutter .tablet-65 {
    width: 65%
  }

  .row .tablet-60 {
    width: 60%;
    width: -webkit-calc((100% - 15px*.6666666666666667)/ 1.6666666666666667);
    width: calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)
  }

  .row.no-gutter .tablet-60 {
    width: 60%
  }

  .row .tablet-55 {
    width: 55%;
    width: -webkit-calc((100% - 15px*.8181818181818181)/ 1.8181818181818181);
    width: calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)
  }

  .row.no-gutter .tablet-55 {
    width: 55%
  }

  .row .tablet-50 {
    width: 50%;
    width: -webkit-calc((100% - 15px*1)/ 2);
    width: calc((100% - 15px*1)/ 2)
  }

  .row.no-gutter .tablet-50 {
    width: 50%
  }

  .row .tablet-45 {
    width: 45%;
    width: -webkit-calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223);
    width: calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)
  }

  .row.no-gutter .tablet-45 {
    width: 45%
  }

  .row .tablet-40 {
    width: 40%;
    width: -webkit-calc((100% - 15px*1.5)/ 2.5);
    width: calc((100% - 15px*1.5)/ 2.5)
  }

  .row.no-gutter .tablet-40 {
    width: 40%
  }

  .row .tablet-35 {
    width: 35%;
    width: -webkit-calc((100% - 15px*1.8571428571428572)/ 2.857142857142857);
    width: calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)
  }

  .row.no-gutter .tablet-35 {
    width: 35%
  }

  .row .tablet-33 {
    width: 33.333333333333336%;
    width: -webkit-calc((100% - 15px*2)/ 3);
    width: calc((100% - 15px*2)/ 3)
  }

  .row.no-gutter .tablet-33 {
    width: 33.333333333333336%
  }

  .row .tablet-30 {
    width: 30%;
    width: -webkit-calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335);
    width: calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)
  }

  .row.no-gutter .tablet-30 {
    width: 30%
  }

  .row .tablet-25 {
    width: 25%;
    width: -webkit-calc((100% - 15px*3)/ 4);
    width: calc((100% - 15px*3)/ 4)
  }

  .row.no-gutter .tablet-25 {
    width: 25%
  }

  .row .tablet-20 {
    width: 20%;
    width: -webkit-calc((100% - 15px*4)/ 5);
    width: calc((100% - 15px*4)/ 5)
  }

  .row.no-gutter .tablet-20 {
    width: 20%
  }

  .row .tablet-15 {
    width: 15%;
    width: -webkit-calc((100% - 15px*5.666666666666667)/ 6.666666666666667);
    width: calc((100% - 15px*5.666666666666667)/ 6.666666666666667)
  }

  .row.no-gutter .tablet-15 {
    width: 15%
  }

  .row .tablet-10 {
    width: 10%;
    width: -webkit-calc((100% - 15px*9)/ 10);
    width: calc((100% - 15px*9)/ 10)
  }

  .row.no-gutter .tablet-10 {
    width: 10%
  }

  .row .tablet-5 {
    width: 5%;
    width: -webkit-calc((100% - 15px*19)/ 20);
    width: calc((100% - 15px*19)/ 20)
  }

  .row.no-gutter .tablet-5 {
    width: 5%
  }

  .row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.col-auto {
    width: 100%;
    width: -webkit-calc((100% - 15px*0)/ 1);
    width: calc((100% - 15px*0)/ 1)
  }

  .row.no-gutter .tablet-auto:nth-last-child(1),.row.no-gutter .tablet-auto:nth-last-child(1)~.tablet-auto {
    width: 100%
  }

  .row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.col-auto {
    width: 50%;
    width: -webkit-calc((100% - 15px*1)/ 2);
    width: calc((100% - 15px*1)/ 2)
  }

  .row.no-gutter .tablet-auto:nth-last-child(2),.row.no-gutter .tablet-auto:nth-last-child(2)~.tablet-auto {
    width: 50%
  }

  .row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.col-auto {
    width: 33.33333333%;
    width: -webkit-calc((100% - 15px*2)/ 3);
    width: calc((100% - 15px*2)/ 3)
  }

  .row.no-gutter .tablet-auto:nth-last-child(3),.row.no-gutter .tablet-auto:nth-last-child(3)~.tablet-auto {
    width: 33.33333333%
  }

  .row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.col-auto {
    width: 25%;
    width: -webkit-calc((100% - 15px*3)/ 4);
    width: calc((100% - 15px*3)/ 4)
  }

  .row.no-gutter .tablet-auto:nth-last-child(4),.row.no-gutter .tablet-auto:nth-last-child(4)~.tablet-auto {
    width: 25%
  }

  .row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.col-auto {
    width: 20%;
    width: -webkit-calc((100% - 15px*4)/ 5);
    width: calc((100% - 15px*4)/ 5)
  }

  .row.no-gutter .tablet-auto:nth-last-child(5),.row.no-gutter .tablet-auto:nth-last-child(5)~.tablet-auto {
    width: 20%
  }

  .row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.col-auto {
    width: 16.66666667%;
    width: -webkit-calc((100% - 15px*5)/ 6);
    width: calc((100% - 15px*5)/ 6)
  }

  .row.no-gutter .tablet-auto:nth-last-child(6),.row.no-gutter .tablet-auto:nth-last-child(6)~.tablet-auto {
    width: 16.66666667%
  }

  .row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.col-auto {
    width: 14.28571429%;
    width: -webkit-calc((100% - 15px*6)/ 7);
    width: calc((100% - 15px*6)/ 7)
  }

  .row.no-gutter .tablet-auto:nth-last-child(7),.row.no-gutter .tablet-auto:nth-last-child(7)~.tablet-auto {
    width: 14.28571429%
  }

  .row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.col-auto {
    width: 12.5%;
    width: -webkit-calc((100% - 15px*7)/ 8);
    width: calc((100% - 15px*7)/ 8)
  }

  .row.no-gutter .tablet-auto:nth-last-child(8),.row.no-gutter .tablet-auto:nth-last-child(8)~.tablet-auto {
    width: 12.5%
  }

  .row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.col-auto {
    width: 11.11111111%;
    width: -webkit-calc((100% - 15px*8)/ 9);
    width: calc((100% - 15px*8)/ 9)
  }

  .row.no-gutter .tablet-auto:nth-last-child(9),.row.no-gutter .tablet-auto:nth-last-child(9)~.tablet-auto {
    width: 11.11111111%
  }

  .row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.col-auto {
    width: 10%;
    width: -webkit-calc((100% - 15px*9)/ 10);
    width: calc((100% - 15px*9)/ 10)
  }

  .row.no-gutter .tablet-auto:nth-last-child(10),.row.no-gutter .tablet-auto:nth-last-child(10)~.tablet-auto {
    width: 10%
  }

  .row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.col-auto {
    width: 9.09090909%;
    width: -webkit-calc((100% - 15px*10)/ 11);
    width: calc((100% - 15px*10)/ 11)
  }

  .row.no-gutter .tablet-auto:nth-last-child(11),.row.no-gutter .tablet-auto:nth-last-child(11)~.tablet-auto {
    width: 9.09090909%
  }

  .row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.col-auto {
    width: 8.33333333%;
    width: -webkit-calc((100% - 15px*11)/ 12);
    width: calc((100% - 15px*11)/ 12)
  }

  .row.no-gutter .tablet-auto:nth-last-child(12),.row.no-gutter .tablet-auto:nth-last-child(12)~.tablet-auto {
    width: 8.33333333%
  }

  .row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.col-auto {
    width: 7.69230769%;
    width: -webkit-calc((100% - 15px*12)/ 13);
    width: calc((100% - 15px*12)/ 13)
  }

  .row.no-gutter .tablet-auto:nth-last-child(13),.row.no-gutter .tablet-auto:nth-last-child(13)~.tablet-auto {
    width: 7.69230769%
  }

  .row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.col-auto {
    width: 7.14285714%;
    width: -webkit-calc((100% - 15px*13)/ 14);
    width: calc((100% - 15px*13)/ 14)
  }

  .row.no-gutter .tablet-auto:nth-last-child(14),.row.no-gutter .tablet-auto:nth-last-child(14)~.tablet-auto {
    width: 7.14285714%
  }

  .row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.col-auto {
    width: 6.66666667%;
    width: -webkit-calc((100% - 15px*14)/ 15);
    width: calc((100% - 15px*14)/ 15)
  }

  .row.no-gutter .tablet-auto:nth-last-child(15),.row.no-gutter .tablet-auto:nth-last-child(15)~.tablet-auto {
    width: 6.66666667%
  }

  .row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.col-auto {
    width: 6.25%;
    width: -webkit-calc((100% - 15px*15)/ 16);
    width: calc((100% - 15px*15)/ 16)
  }

  .row.no-gutter .tablet-auto:nth-last-child(16),.row.no-gutter .tablet-auto:nth-last-child(16)~.tablet-auto {
    width: 6.25%
  }

  .row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.col-auto {
    width: 5.88235294%;
    width: -webkit-calc((100% - 15px*16)/ 17);
    width: calc((100% - 15px*16)/ 17)
  }

  .row.no-gutter .tablet-auto:nth-last-child(17),.row.no-gutter .tablet-auto:nth-last-child(17)~.tablet-auto {
    width: 5.88235294%
  }

  .row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.col-auto {
    width: 5.55555556%;
    width: -webkit-calc((100% - 15px*17)/ 18);
    width: calc((100% - 15px*17)/ 18)
  }

  .row.no-gutter .tablet-auto:nth-last-child(18),.row.no-gutter .tablet-auto:nth-last-child(18)~.tablet-auto {
    width: 5.55555556%
  }

  .row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.col-auto {
    width: 5.26315789%;
    width: -webkit-calc((100% - 15px*18)/ 19);
    width: calc((100% - 15px*18)/ 19)
  }

  .row.no-gutter .tablet-auto:nth-last-child(19),.row.no-gutter .tablet-auto:nth-last-child(19)~.tablet-auto {
    width: 5.26315789%
  }

  .row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.col-auto {
    width: 5%;
    width: -webkit-calc((100% - 15px*19)/ 20);
    width: calc((100% - 15px*19)/ 20)
  }

  .row.no-gutter .tablet-auto:nth-last-child(20),.row.no-gutter .tablet-auto:nth-last-child(20)~.tablet-auto {
    width: 5%
  }

  .row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.col-auto {
    width: 4.76190476%;
    width: -webkit-calc((100% - 15px*20)/ 21);
    width: calc((100% - 15px*20)/ 21)
  }

  .row.no-gutter .tablet-auto:nth-last-child(21),.row.no-gutter .tablet-auto:nth-last-child(21)~.tablet-auto {
    width: 4.76190476%
  }
}

.view,.views {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 5;
  padding-bottom: 40px;
}
.index-padding{}
.views {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.view {
  overflow: hidden;
  box-sizing: border-box
}

.pages {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.page {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.page.cached {
  display: none
}

.page-on-left {
  opacity: .9;
  -webkit-transform: translate3d(-20%,0,0);
  transform: translate3d(-20%,0,0)
}

.page-on-center .swipeback-page-shadow {
  opacity: 1
}

.page-on-right {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0)
}

.page-on-right .swipeback-page-shadow {
  opacity: 0
}

.page-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  z-index: 1
}

.swipeback-page-shadow {
  position: absolute;
  right: 100%;
  top: 0;
  width: 16px;
  height: 100%;
  background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);
  background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);
  z-index: -1;
  content: ''
}

html.android .swipeback-page-shadow {
  display: none;
  -webkit-animation: none;
  animation: none
}

.page-transitioning,.page-transitioning .swipeback-page-shadow {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.page-from-center-to-right:before,.page-from-right-to-center:before {
  position: absolute;
  right: 100%;
  top: 0;
  width: 16px;
  height: 100%;
  background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);
  background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);
  z-index: -1;
  content: ''
}

html.android .page-from-center-to-right:before,html.android .page-from-right-to-center:before {
  display: none;
  -webkit-animation: none;
  animation: none
}

.page-from-right-to-center {
  -webkit-animation: pageFromRightToCenter .4s forwards;
  animation: pageFromRightToCenter .4s forwards
}

.page-from-right-to-center:before {
  -webkit-animation: pageFromRightToCenterShadow .4s forwards;
  animation: pageFromRightToCenterShadow .4s forwards
}

.page-from-center-to-right {
  -webkit-animation: pageFromCenterToRight .4s forwards;
  animation: pageFromCenterToRight .4s forwards
}

.page-from-center-to-right:before {
  -webkit-animation: pageFromCenterToRightShadow .4s forwards;
  animation: pageFromCenterToRightShadow .4s forwards
}

@-webkit-keyframes pageFromRightToCenter {
  from {
    -webkit-transform: translate3d(100%,0,0)
  }

  to {
    -webkit-transform: translate3d(0,0,0)
  }
}

@keyframes pageFromRightToCenter {
  from {
    transform: translate3d(100%,0,0)
  }

  to {
    transform: translate3d(0,0,0)
  }
}

@-webkit-keyframes pageFromRightToCenterShadow {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes pageFromRightToCenterShadow {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes pageFromCenterToRight {
  from {
    -webkit-transform: translate3d(0,0,0)
  }

  to {
    -webkit-transform: translate3d(100%,0,0)
  }
}

@keyframes pageFromCenterToRight {
  from {
    transform: translate3d(0,0,0)
  }

  to {
    transform: translate3d(100%,0,0)
  }
}

@-webkit-keyframes pageFromCenterToRightShadow {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes pageFromCenterToRightShadow {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.page-from-center-to-left {
  -webkit-animation: pageFromCenterToLeft .4s forwards;
  animation: pageFromCenterToLeft .4s forwards
}

.page-from-left-to-center {
  -webkit-animation: pageFromLeftToCenter .4s forwards;
  animation: pageFromLeftToCenter .4s forwards
}

@-webkit-keyframes pageFromCenterToLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0)
  }

  to {
    opacity: .9;
    -webkit-transform: translate3d(-20%,0,0)
  }
}

@keyframes pageFromCenterToLeft {
  from {
    transform: translate3d(0,0,0)
  }

  to {
    opacity: .9;
    transform: translate3d(-20%,0,0)
  }
}

@-webkit-keyframes pageFromLeftToCenter {
  from {
    opacity: .9;
    -webkit-transform: translate3d(-20%,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0)
  }
}

@keyframes pageFromLeftToCenter {
  from {
    transform: translate3d(-20%,0,0)
  }

  to {
    opacity: 1;
    transform: translate3d(0,0,0)
  }
}

.navbar-inner,.toolbar-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.navbar-inner.cached {
  display: none
}

.navbar,.toolbar {
  height: 44px;
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  position: relative;
  margin: 0;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.navbar b,.toolbar b {
  font-weight: 500
}

html.ios-gt-8 .navbar b,html.ios-gt-8 .toolbar b {
  font-weight: 600
}

.navbar,.subnavbar,.toolbar {
  background: #f7f7f8
}

.navbar a.link,.subnavbar a.link,.toolbar a.link {
  line-height: 44px;
  height: 44px;
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.navbar a.link.active-state,.subnavbar a.link.active-state,.toolbar a.link.active-state,html:not(.watch-active-state) .navbar a.link:active,html:not(.watch-active-state) .subnavbar a.link:active,html:not(.watch-active-state) .toolbar a.link:active {
  opacity: .3;
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.navbar a.link i+i,.navbar a.link i+span,.navbar a.link span+i,.navbar a.link span+span,.subnavbar a.link i+i,.subnavbar a.link i+span,.subnavbar a.link span+i,.subnavbar a.link span+span,.toolbar a.link i+i,.toolbar a.link i+span,.toolbar a.link span+i,.toolbar a.link span+span {
  margin-left: 7px
}

.navbar a.icon-only,.subnavbar a.icon-only,.toolbar a.icon-only {
  min-width: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0
}

.navbar i.icon,.subnavbar i.icon,.toolbar i.icon {
  display: block
}

.navbar {
  left: 0;
  top: 0;
}

.navbar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .navbar:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .navbar:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.navbar:after {
  backface-visibility: hidden
}

.navbar.no-border:after {
  display: none
}

.navbar .center {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  margin: 0;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 44px;
  -webkit-flex-shrink: 10;
  -ms-flex: 0 10 auto;
  flex-shrink: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

html.ios-gt-8 .navbar .center {
  font-weight: 600
}

.navbar .left,.navbar .right {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.navbar .left a+a,.navbar .right a+a {
  margin-left: 15px
}
.head{
  overflow: hidden;
  /*height: 80px;*/
  width: 100%;
  background: url(../images/headbg.jpg) repeat center top;
}
.head .left {
  width: 60%;
  margin: 1em 0 1em 0.5em;
  float: left;
}
.head .left img{
  width: 100%;
  height: auto;
  max-width: 225px;
  max-height: 52px;
}
.head .right {
  width: 20%;
  text-align: center;
  margin: 0em 1em 0 0;
  float: right;
}
.head .right a{display: block;}
.head .right a.login {
  color: #fff;
  font-size: 16px;
  border: 1px solid #fff;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-top:1.5em;
}
.head .right a.user-center{
	margin-top:1.2em;	
}
.head .right a.user-center img{
	width:40px;
	height:40px;
	border-radius:50%;
	border:1px solid #ddd;
}
.navbar .right:first-child {
  position: absolute;
  right: 8px;
  height: 100%
}

.popup .navbar {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.subnavbar {
  height: 44px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -1px;
  z-index: 20;
  box-sizing: border-box;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.subnavbar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .subnavbar:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .subnavbar:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.subnavbar.no-border:after {
  display: none
}

.navbar.no-border .subnavbar {
  margin-top: 0
}

.navbar-on-left .subnavbar,.navbar-on-right .subnavbar {
  pointer-events: none
}

.navbar .subnavbar,.page .subnavbar {
  position: absolute
}

.page>.subnavbar {
  top: 0;
  margin-top: 0
}

.subnavbar>.buttons-row {
  width: 100%
}

.subnavbar .searchbar,.subnavbar.searchbar {
  position: absolute
}

.subnavbar .searchbar,.subnavbar.searchbar {
  position: absolute
}

.subnavbar .searchbar {
  left: 0;
  top: 0
}

.toolbar {
  left: 0;
  bottom: 0
}

.toolbar:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

html.pixel-ratio-2 .toolbar:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .toolbar:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.toolbar.no-border:before {
  display: none
}

.toolbar a {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.tabbar {
  color: #929292;
  z-index: 5001
}

.tabbar a {
  color: #929292
}

.tabbar a.active {
  color: #007aff
}

.tabbar a.link {
  line-height: 1.4
}

.tabbar a.link,.tabbar a.tab-link {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: visible;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.tabbar i.icon {
  height: 30px
}

.tabbar-labels {
  height: 50px
}

.tabbar-labels a.link,.tabbar-labels a.tab-link {
  padding-top: 4px;
  padding-bottom: 4px;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.tabbar-labels a.link i+span,.tabbar-labels a.tab-link i+span {
  margin: 0
}

.tabbar-labels span.tabbar-label {
  line-height: 1;
  display: block;
  margin: 0;
  letter-spacing: .01em;
  font-size: 10px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media all and (min-width:768px) {
  .tabbar .toolbar-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
  }

  .tabbar a.link,.tabbar a.tab-link {
    width: auto;
    min-width: 105px
  }

  .tabbar-labels {
    height: 56px
  }

  .tabbar-labels span.tabbar-label {
    font-size: 14px
  }
}

.navbar-from-right-to-center .center,.navbar-from-right-to-center .fading,.navbar-from-right-to-center .left,.navbar-from-right-to-center .right,.navbar-from-right-to-center .subnavbar {
  -webkit-animation: navbarElementFadeIn .4s forwards;
  animation: navbarElementFadeIn .4s forwards
}

.navbar-from-right-to-center .sliding {
  opacity: 1
}

.navbar-from-center-to-right .center,.navbar-from-center-to-right .fading,.navbar-from-center-to-right .left,.navbar-from-center-to-right .right,.navbar-from-center-to-right .subnavbar {
  -webkit-animation: navbarElementFadeOut .4s forwards;
  animation: navbarElementFadeOut .4s forwards
}

.navbar-from-center-to-right .sliding {
  opacity: 0
}

.navbar-from-center-to-right .subnavbar.sliding {
  opacity: 1
}

@-webkit-keyframes navbarElementFadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes navbarElementFadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.navbar-from-center-to-left .center,.navbar-from-center-to-left .fading,.navbar-from-center-to-left .left,.navbar-from-center-to-left .right,.navbar-from-center-to-left .subnavbar {
  -webkit-animation: navbarElementFadeOut .4s forwards;
  animation: navbarElementFadeOut .4s forwards
}

.navbar-from-center-to-left .sliding {
  opacity: 0
}

.navbar-from-center-to-left .subnavbar.sliding {
  opacity: 1
}

.navbar-from-left-to-center .center,.navbar-from-left-to-center .fading,.navbar-from-left-to-center .left,.navbar-from-left-to-center .right,.navbar-from-left-to-center .subnavbar {
  -webkit-animation: navbarElementFadeIn .4s forwards;
  animation: navbarElementFadeIn .4s forwards
}

.navbar-from-left-to-center .sliding {
  opacity: 1
}

.navbar-on-left .center,.navbar-on-left .fading,.navbar-on-left .left,.navbar-on-left .right,.navbar-on-left .subnavbar {
  opacity: 0
}

.navbar-on-left .sliding {
  opacity: 0
}

.navbar-on-left .subnavbar.sliding {
  opacity: 1;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0)
}

.navbar-on-right .center,.navbar-on-right .fading,.navbar-on-right .left,.navbar-on-right .right,.navbar-on-right .subnavbar {
  opacity: 0
}

.navbar-on-right .sliding {
  opacity: 0
}

.navbar-on-right .subnavbar.sliding {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0)
}

@-webkit-keyframes navbarElementFadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes navbarElementFadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.navbar-from-center-to-left .left.sliding .back.link .icon,.navbar-from-center-to-right .left.sliding .back.link .icon,.navbar-from-left-to-center .left.sliding .back.link .icon,.navbar-from-right-to-center .left.sliding .back.link .icon {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.navbar-from-center-to-left .sliding,.navbar-from-center-to-right .sliding,.navbar-from-left-to-center .sliding,.navbar-from-right-to-center .sliding {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-animation: none;
  animation: none
}

.page>.navbar,.page>.toolbar,.view>.navbar,.view>.toolbar,.views>.navbar,.views>.toolbar {
  position: absolute
}

.subnavbar~.page-content {
  padding-top: 44px
}

.navbar-fixed .page-content,.navbar-through .page-content {
  padding-top: 0px
}

.navbar-fixed .page-content.with-subnavbar,.navbar-fixed .subnavbar~.page-content,.navbar-fixed .with-subnavbar .page-content,.navbar-through .page-content.with-subnavbar,.navbar-through .subnavbar~.page-content,.navbar-through .with-subnavbar .page-content {
  padding-top: 88px
}

.navbar-fixed .page .subnavbar,.navbar-fixed.page .subnavbar,.navbar-through .page .subnavbar,.navbar-through.page .subnavbar {
  top: 44px
}

.tabbar-fixed .page-content,.tabbar-through .page-content,.toolbar-fixed .page-content,.toolbar-through .page-content {
  padding-bottom: 44px
}

.tabbar-labels-fixed .page-content,.tabbar-labels-through .page-content {
  padding-bottom: 50px
}

@media all and (min-width:768px) {
  .tabbar-labels-fixed .page-content,.tabbar-labels-through .page-content {
    padding-bottom: 56px
  }
}

.navbar.navbar-hiding {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.navbar.navbar-hiding~.page .list-group-title,.navbar.navbar-hiding~.page-content .list-group-title,.navbar.navbar-hiding~.pages .list-group-title {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.navbar.navbar-hiding~.page .subnavbar,.navbar.navbar-hiding~.page-content .subnavbar,.navbar.navbar-hiding~.pages .subnavbar {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.navbar.navbar-hidden {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0)
}

.navbar.navbar-hidden~.page .list-group-title,.navbar.navbar-hidden~.page-content .list-group-title,.navbar.navbar-hidden~.pages .list-group-title {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  top: -44px
}

.navbar.navbar-hidden~.page .subnavbar,.navbar.navbar-hidden~.page-content .subnavbar,.navbar.navbar-hidden~.pages .subnavbar {
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.page.no-navbar .page-content {
  padding-top: 0
}

.page.no-navbar .page-content.with-subnavbar,.page.no-navbar.with-subnavbar .page-content,.with-subnavbar .page.no-navbar .page-content {
  padding-top: 44px
}

.tabbar.tabbar-hiding,.tabbar.toolbar-hiding,.toolbar.tabbar-hiding,.toolbar.toolbar-hiding {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.tabbar.tabbar-hidden,.tabbar.toolbar-hidden,.toolbar.tabbar-hidden,.toolbar.toolbar-hidden {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0)
}

.page.no-tabbar .page-content,.page.no-toolbar .page-content {
  padding-bottom: 0
}

.searchbar {
  height: 44px;
  width: 100%;
  background: #c9c9ce;
  box-sizing: border-box;
  padding: 0 8px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.searchbar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #b4b4b4;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .searchbar:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .searchbar:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.searchbar .searchbar-input {
  width: 100%;
  height: 28px;
  position: relative;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1
}

.searchbar input[type=search] {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 5px;
  font-family: inherit;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 0 28px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");
  -webkit-background-size: 13px 13px;
  background-size: 13px 13px
}

.searchbar input[type=search]::-webkit-input-placeholder {
  color: #939398;
  opacity: 1
}

.searchbar input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none
}

.searchbar .searchbar-clear {
  position: absolute;
  width: 28px;
  height: 28px;
  right: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
  -webkit-background-size: 14px 14px;
  background-size: 14px 14px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  cursor: pointer
}

.searchbar .searchbar-cancel {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  font-size: 17px;
  cursor: pointer;
  opacity: 0;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  margin-left: 0;
  pointer-events: none;
  display: none
}

.searchbar.searchbar-active .searchbar-cancel {
  margin-left: 8px;
  opacity: 1;
  pointer-events: auto
}

.searchbar.searchbar-active .searchbar-cancel.active-state,html:not(.watch-active-state) .searchbar.searchbar-active .searchbar-cancel:active {
  opacity: .3;
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.searchbar.searchbar-not-empty .searchbar-clear {
  pointer-events: auto;
  opacity: 1
}

.searchbar-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  background: rgba(0,0,0,.4);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.searchbar-overlay.searchbar-overlay-active {
  opacity: 1;
  pointer-events: auto
}

.searchbar-not-found {
  display: none
}

.hidden-by-searchbar,.list-block .hidden-by-searchbar,.list-block li.hidden-by-searchbar {
  display: none
}

.page>.searchbar {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 200
}

.page>.searchbar~.page-content {
  padding-top: 44px
}

.navbar-fixed .page>.searchbar,.navbar-fixed>.searchbar,.navbar-through .page>.searchbar,.navbar-through>.searchbar {
  top: 44px
}

.navbar-fixed .page>.searchbar~.page-content,.navbar-fixed>.searchbar~.page-content,.navbar-through .page>.searchbar~.page-content,.navbar-through>.searchbar~.page-content {
  padding-top: 88px
}

.messagebar {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.messagebar textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c8c8cd;
  background: #fff;
  border-radius: 5px;
  box-shadow: none;
  display: block;
  padding: 3px 8px 3px;
  margin: 0;
  width: 100%;
  height: 28px;
  color: #000;
  font-size: 17px;
  line-height: 20px;
  font-family: inherit;
  resize: none;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1
}

.messagebar .link {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end
}

.messagebar .link.icon-only:first-child {
  margin-left: -6px
}

.messagebar .link:not(.icon-only)+textarea {
  margin-left: 8px
}

.messagebar textarea+.link {
  margin-left: 8px
}

.messagebar .link {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0
}

.messagebar~.page-content {
  padding-bottom: 44px
}

.page.no-toolbar .messagebar~.page-content {
  padding-bottom: 44px
}

.hidden-toolbar .messagebar {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

i.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  font-style: normal;
  position: relative
}

i.icon.icon-back {
  width: 12px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-forward {
  width: 12px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-bars {
  width: 21px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2ddpx) {
  i.icon.icon-bars {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
    height: 13px
  }
}

i.icon.icon-camera {
  width: 25px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2025%2020'%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M13.3%2C5.5c-2.7%2C0-5%2C2.2-5%2C5s2.2%2C5%2C5%2C5c2.7%2C0%2C5-2.2%2C5-5S16%2C5.5%2C13.3%2C5.5z'%2F%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M22.8%2C1.8h-3.3c-0.2-1.3-1-1.8-2-1.8H8.1c-1%2C0-1.8%2C0.4-2%2C1.8H2.8C1.4%2C1.8%2C0%2C2.8%2C0%2C4.2v12.6%20c0%2C1.4%2C1.4%2C2.5%2C2.8%2C2.5h20c1.4%2C0%2C2.2-1.1%2C2.2-2.5V4.2C25%2C2.8%2C24.2%2C1.8%2C22.8%2C1.8z%20M3.5%2C6.4C2.6%2C6.4%2C2%2C5.8%2C2%2C5c0-0.8%2C0.7-1.5%2C1.5-1.5%20S5%2C4.1%2C5%2C5C5%2C5.8%2C4.3%2C6.4%2C3.5%2C6.4z%20M13.3%2C16.8c-3.5%2C0-6.3-2.7-6.3-6.2c0-3.3%2C2.5-6.2%2C5.7-6.2h1.2c3.2%2C0%2C5.7%2C2.9%2C5.7%2C6.2%20C19.6%2C14.1%2C16.7%2C16.8%2C13.3%2C16.8z'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-f7 {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-f7-ios.png);
  border-radius: 6px
}

i.icon.icon-form-name {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-name-ios.svg)
}

i.icon.icon-form-password {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-password-ios.svg)
}

i.icon.icon-form-email {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-email-ios.svg)
}

i.icon.icon-form-calendar {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-calendar-ios.svg)
}

i.icon.icon-form-tel {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-tel-ios.svg)
}

i.icon.icon-form-gender {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-gender-ios.svg)
}

i.icon.icon-form-toggle {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-toggle-ios.svg)
}

i.icon.icon-form-comment {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-comment-ios.svg)
}

i.icon.icon-form-settings {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-settings-ios.svg)
}

i.icon.icon-form-url {
  width: 29px;
  height: 29px;
  background-image: url(../img/i-form-url-ios.svg)
}

i.icon.icon-next,i.icon.icon-prev {
  width: 15px;
  height: 15px
}

i.icon.icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

i.icon.icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

i.icon.icon-plus {
  width: 25px;
  height: 25px;
  font-size: 31px;
  line-height: 20px;
  text-align: center;
  font-weight: 100
}

.badge {
  font-size: 13px;
  display: inline-block;
  color: #fff;
  background: #8e8e93;
  border-radius: 20px;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  box-sizing: border-box;
  text-align: center
}

.item-after .badge {
  min-width: 20px
}

.icon .badge {
  position: absolute;
  left: 100%;
  margin-left: -10px;
  top: -2px;
  font-size: 10px;
  line-height: 16px;
  height: 16px;
  border-radius: 16px;
  padding: 0 4px;
  min-width: 16px
}

.content-block {
  margin: 35px 0;
  padding: 0 15px;
  color: #6d6d72;
  box-sizing: border-box
}

.content-block-title {
  position: relative;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  color: #6d6d72;
  margin: 35px 15px 10px
}

.content-block-title+.card,.content-block-title+.content-block,.content-block-title+.list-block {
  margin-top: 10px
}

.content-block-inner {
  background: #fff;
  padding: 10px 15px;
  margin-left: -15px;
  width: 100%;
  position: relative;
  color: #000
}

.content-block-inner:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

html.pixel-ratio-2 .content-block-inner:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .content-block-inner:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.content-block-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .content-block-inner:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .content-block-inner:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.content-block.inset {
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 7px
}

.content-block.inset .content-block-inner {
  border-radius: 7px
}

.content-block.inset .content-block-inner:before {
  display: none
}

.content-block.inset .content-block-inner:after {
  display: none
}

@media all and (min-width:768px) {
  .content-block.tablet-inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px
  }

  .content-block.tablet-inset .content-block-inner {
    border-radius: 7px
  }

  .content-block.tablet-inset .content-block-inner:before {
    display: none
  }

  .content-block.tablet-inset .content-block-inner:after {
    display: none
  }
}

.list-block {
  font-size: 17px;
}

.list-block ul {
  background: #fff;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative
}

.list-block ul:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  /*background-color: #c8c7cc;*/
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

html.pixel-ratio-2 .list-block ul:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block ul:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.list-block ul:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  /*background-color: #c8c7cc;*/
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block ul:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block ul:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.list-block ul ul {
  padding-left: 45px
}

.list-block ul ul:before {
  display: none
}

.list-block ul ul:after {
  display: none
}

.list-block .align-top,.list-block .align-top .item-content,.list-block .align-top .item-inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.list-block.inset {
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 7px
}

.list-block.inset .content-block-title {
  margin-left: 0;
  margin-right: 0
}

.list-block.inset ul {
  border-radius: 7px
}

.list-block.inset ul:before {
  display: none
}

.list-block.inset ul:after {
  display: none
}

.list-block.inset li:first-child>a {
  border-radius: 7px 7px 0 0
}

.list-block.inset li:last-child>a {
  border-radius: 0 0 7px 7px
}

.list-block.inset li:first-child:last-child>a {
  border-radius: 7px
}

@media all and (min-width:768px) {
  .list-block.tablet-inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px
  }

  .list-block.tablet-inset .content-block-title {
    margin-left: 0;
    margin-right: 0
  }

  .list-block.tablet-inset ul {
    border-radius: 7px
  }

  .list-block.tablet-inset ul:before {
    display: none
  }

  .list-block.tablet-inset ul:after {
    display: none
  }

  .list-block.tablet-inset li:first-child>a {
    border-radius: 7px 7px 0 0
  }

  .list-block.tablet-inset li:last-child>a {
    border-radius: 0 0 7px 7px
  }

  .list-block.tablet-inset li:first-child:last-child>a {
    border-radius: 7px
  }

  .list-block.tablet-inset .content-block-title {
    margin-left: 0;
    margin-right: 0
  }

  .list-block.tablet-inset ul {
    border-radius: 7px
  }

  .list-block.tablet-inset ul:before {
    display: none
  }

  .list-block.tablet-inset ul:after {
    display: none
  }

  .list-block.tablet-inset li:first-child>a {
    border-radius: 7px 7px 0 0
  }

  .list-block.tablet-inset li:last-child>a {
    border-radius: 0 0 7px 7px
  }

  .list-block.tablet-inset li:first-child:last-child>a {
    border-radius: 7px
  }
}

.list-block li {
  box-sizing: border-box;
  position: relative
}

.list-block .item-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 8px
}

.list-block .item-media i+i {
  margin-left: 5px
}

.list-block .item-media i+img {
  margin-left: 5px
}

.list-block .item-media+.item-inner {
  margin-left: 15px
}

.list-block .item-inner {
  padding-right: 15px;
  position: relative;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 7px;
  min-height: 44px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  overflow: hidden;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch
}

.list-block .item-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block .item-inner:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-inner:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.list-block .item-title {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
  min-width: 0;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}

.list-block .item-after {
  white-space: nowrap;
  color: #8e8e93;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  margin-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-height: 28px
}

.list-block .autocomplete-opener .item-after,.list-block .smart-select .item-after {
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block
}

.list-block .item-link {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  display: block;
  color: inherit
}

.list-block .item-link .item-inner {
  padding-right: 35px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
  background-size: 10px 20px;
  background-repeat: no-repeat;
  background-position: 95% center;
  background-position: -webkit-calc(100% - 15px) center;
  background-position: calc(100% - 15px) center
}

.list-block .item-link.active-state,html:not(.watch-active-state) .list-block .item-link:active {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background-color: #d9d9d9
}

.list-block .item-link.active-state .item-inner:after,html:not(.watch-active-state) .list-block .item-link:active .item-inner:after {
  background-color: transparent
}

.list-block .item-link.list-button {
  padding: 0 15px;
  text-align: center;
  color: #007aff;
  display: block;
  line-height: 43px
}

.list-block .item-link.list-button:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block .item-link.list-button:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-link.list-button:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.list-block .item-content {
  box-sizing: border-box;
  padding-left: 15px;
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.list-block .list-block-label {
  margin: 10px 0 35px;
  padding: 0 15px;
  font-size: 14px;
  color: #8f8f94
}

.list-block .swipeout {
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.list-block .swipeout.deleting {
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.list-block .swipeout.deleting .swipeout-content {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.list-block .swipeout.transitioning .swipeout-actions-left a,.list-block .swipeout.transitioning .swipeout-actions-right a,.list-block .swipeout.transitioning .swipeout-content,.list-block .swipeout.transitioning .swipeout-overswipe {
  -webkit-transition: .3s;
  transition: .3s
}

.list-block .swipeout-content {
  position: relative;
  z-index: 10
}

.list-block .swipeout-overswipe {
  -webkit-transition: .2s left;
  transition: .2s left
}

.list-block .swipeout-actions-left,.list-block .swipeout-actions-right {
  position: absolute;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.list-block .swipeout-actions-left a,.list-block .swipeout-actions-right a {
  padding: 0 30px;
  color: #fff;
  background: #c7c7cc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  left: 0
}

.list-block .swipeout-actions-left a:after,.list-block .swipeout-actions-right a:after {
  content: '';
  position: absolute;
  top: 0;
  width: 600%;
  height: 100%;
  background: inherit;
  z-index: -1
}

.list-block .swipeout-actions-left a.swipeout-delete,.list-block .swipeout-actions-right a.swipeout-delete {
  background: #ff3b30
}

.list-block .swipeout-actions-right {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.list-block .swipeout-actions-right a:after {
  left: 100%;
  margin-left: -1px
}

.list-block .swipeout-actions-left {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.list-block .swipeout-actions-left a:after {
  right: 100%;
  margin-right: -1px
}

.list-block .item-subtitle {
  font-size: 15px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis
}

.list-block .item-text {
  font-size: 15px;
  color: #8e8e93;
  line-height: 21px;
  position: relative;
  overflow: hidden;
  height: 42px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box
}

.list-block li.media-item .item-title,.list-block.media-list .item-title {
  font-weight: 500
}

html.ios-gt-8 .list-block li.media-item .item-title,html.ios-gt-8 .list-block.media-list .item-title {
  font-weight: 600
}

.list-block li.media-item .item-inner,.list-block.media-list .item-inner {
  display: block;
  padding-top: 10px;
  padding-bottom: 9px;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch
}

.list-block li.media-item .item-link .item-inner,.list-block.media-list .item-link .item-inner {
  background: 0 0;
  padding-right: 15px
}

.list-block li.media-item .item-link .item-title-row,.list-block.media-list .item-link .item-title-row {
  padding-right: 20px;
  background: no-repeat right center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
  background-size: 10px 20px
}

.list-block li.media-item .item-media,.list-block.media-list .item-media {
  padding-top: 9px;
  padding-bottom: 10px
}

.list-block li.media-item .item-media img,.list-block.media-list .item-media img {
  display: block
}
.list-block.media-list .item-media img{width: 80px;height: 56px;}
.list-block li.media-item .item-title-row,.list-block.media-list .item-title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.list-block li.media-item .item-content>.item-after,.list-block.media-list .item-content>.item-after {
  margin-right: 15px;
  margin-left: 15px
}

.list-block .list-group ul:after,.list-block .list-group ul:before {
  z-index: 25
}

.list-block .list-group+.list-group ul:before {
  display: none
}

.list-block .item-divider,.list-block .list-group-title {
  background: #F7F7F7;
  margin-top: -1px;
  padding: 4px 15px;
  white-space: nowrap;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #8e8e93;
  z-index: 15
}

.list-block .item-divider:before,.list-block .list-group-title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

html.pixel-ratio-2 .list-block .item-divider:before,html.pixel-ratio-2 .list-block .list-group-title:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-divider:before,html.pixel-ratio-3 .list-block .list-group-title:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.list-block .list-group-title {
  position: relative;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
  margin-top: 0
}

.list-block .list-group-title:before {
  display: none
}

.list-block .sortable-handler {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  z-index: 10;
  background-repeat: no-repeat;
  background-size: 18px 12px;
  background-position: center;
  width: 35px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.list-block.sortable .item-inner {
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.list-block.sortable-opened .sortable-handler {
  visibility: visible;
  opacity: 1
}

.list-block.sortable-opened .item-inner,.list-block.sortable-opened .item-link .item-inner {
  padding-right: 35px
}

.list-block.sortable-opened .item-link .item-inner,.list-block.sortable-opened .item-link .item-title-row {
  background-image: none
}

.list-block.sortable-sorting li {
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.list-block li.sorting {
  z-index: 50;
  background: rgba(255,255,255,.8);
  box-shadow: 0 2px 8px rgba(0,0,0,.6);
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.list-block li.sorting .item-inner:after {
  display: none
}

.list-block li:last-child .list-button:after {
  display: none
}

.list-block li:last-child .item-inner:after,.list-block li:last-child li:last-child .item-inner:after {
  display: none
}

.list-block li li:last-child .item-inner:after,.list-block li:last-child li .item-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block li li:last-child .item-inner:after,html.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block li li:last-child .item-inner:after,html.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.contacts-content {
  background: #fff
}

.contacts-block {
  margin: 0
}

.contacts-block .list-group-title {
  padding: 0 15px;
  background: #f7f7f7;
  color: #000;
  font-weight: 500;
  line-height: 22px;
  height: 22px
}

html.ios-gt-8 .contacts-block .list-group-title {
  font-weight: 600
}

.contacts-block .list-group:first-child ul:before {
  display: none
}

.contacts-block .list-group:last-child ul:after {
  display: none
}

.list-block input[type=time],.list-block input[type=number],.list-block input[type=search],.list-block input[type=text],.list-block input[type=password],.list-block input[type=email],.list-block input[type=tel],.list-block input[type=url],.list-block input[type=date],.list-block input[type=datetime-local],.list-block select,.list-block textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: none;
  background: 0 0;
  border-radius: 0;
  box-shadow: none;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 43px;
  color: #000;
  font-size: 17px;
  font-family: inherit
}

.list-block .item-title.label {
  vertical-align: top
}

.list-block .item-title.label+.item-input {
  margin-left: 5px
}

.list-block input[type=date],.list-block input[type=datetime-local] {
  line-height: 44px
}

.list-block select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none
}

.list-block textarea {
  height: 100px;
  resize: none;
  line-height: 1.4;
  padding-top: 8px;
  padding-bottom: 7px
}

.list-block textarea.resizable {
  height: 43px
}

.list-block .item-input {
  width: 100%;
  margin-top: -8px;
  margin-bottom: -7px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1
}

.list-block .item-title.label {
  width: 35%;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0
}

.label-switch {
  display: inline-block;
  vertical-align: middle;
  width: 52px;
  border-radius: 16px;
  box-sizing: border-box;
  height: 32px;
  position: relative;
  cursor: pointer;
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center
}

.label-switch .checkbox {
  width: 52px;
  border-radius: 16px;
  box-sizing: border-box;
  height: 32px;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.label-switch .checkbox:before {
  content: ' ';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 48px;
  border-radius: 16px;
  box-sizing: border-box;
  height: 28px;
  background: #fff;
  z-index: 1;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.label-switch .checkbox:after {
  content: ' ';
  height: 28px;
  width: 28px;
  border-radius: 28px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 2px;
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.label-switch input[type=checkbox] {
  display: none
}

.label-switch input[type=checkbox]:checked+.checkbox {
  background: #4cd964
}

.label-switch input[type=checkbox]:checked+.checkbox:before {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.label-switch input[type=checkbox]:checked+.checkbox:after {
  -webkit-transform: translateX(20px);
  transform: translateX(20px)
}

html.android .label-switch input[type=checkbox]+.checkbox {
  -webkit-transition-duration: 0;
  transition-duration: 0
}

html.android .label-switch input[type=checkbox]+.checkbox:after,html.android .label-switch input[type=checkbox]+.checkbox:before {
  -webkit-transition-duration: 0;
  transition-duration: 0
}

.button {
  border: 1px solid #007aff;
  color: #007aff;
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: 5px;
  line-height: 27px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: 0 0;
  padding: 0 10px;
  margin: 0;
  height: 29px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  outline: 0
}

input[type=submit].button,input[type=button].button {
  width: 100%
}

.button.active-state,html:not(.watch-active-state) .button:active {
  background: rgba(0,122,255,.15)
}

.button.button-round {
  border-radius: 27px
}

.button.active {
  background: #007aff;
  color: #fff
}

.button.button-big {
  font-size: 17px;
  height: 44px;
  line-height: 42px
}

.button.button-fill {
  color: #fff;
  background: #007aff;
  border: none
}

.button.button-fill.active-state,html:not(.watch-active-state) .button.button-fill:active {
  opacity: .8
}

.button i.icon:first-child {
  margin-right: 10px
}

.button i.icon:last-child {
  margin-left: 10px
}

.button i.icon:first-child:last-child {
  margin-left: 0;
  margin-right: 0
}

.buttons-row {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.buttons-row .button {
  border-radius: 0;
  border-left-width: 0;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1
}

.buttons-row .button:first-child {
  border-radius: 5px 0 0 5px;
  border-left-width: 1px;
  border-left-style: solid
}

.buttons-row .button:last-child {
  border-radius: 0 5px 5px 0
}

.buttons-row .button:first-child:last-child {
  border-radius: 5px
}

.buttons-row .button.button-round:first-child {
  border-radius: 27px 0 0 27px
}

.buttons-row .button.button-round:last-child {
  border-radius: 0 27px 27px 0
}

.range-slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: -1px;
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center
}

.range-slider input[type=range] {
  position: relative;
  height: 28px;
  width: 100%;
  margin: 4px 0 5px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#b7b8b7),color-stop(100%,#b7b8b7));
  background: linear-gradient(to right,#b7b8b7 0,#b7b8b7 100%);
  background-position: center;
  background-size: 100% 2px;
  background-repeat: no-repeat;
  outline: 0;
  border: none;
  box-sizing: content-box;
  -ms-background-position-y: 500px
}

.range-slider input[type=range]:active,.range-slider input[type=range]:focus {
  border: 0;
  outline: 0
}

.range-slider input[type=range]:after {
  height: 2px;
  background: #fff;
  content: ' ';
  width: 5px;
  top: 50%;
  margin-top: -1px;
  left: -5px;
  z-index: 1;
  position: absolute
}

.range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  height: 28px;
  width: 28px;
  position: relative;
  background: 0 0
}

.range-slider input[type=range]::-webkit-slider-thumb:after {
  height: 28px;
  width: 28px;
  border-radius: 28px;
  background: #fff;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0,0,0,.4);
  border: 0;
  outline: 0;
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  left: 0;
  top: 0
}

.range-slider input[type=range]::-webkit-slider-thumb:before {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 2000px;
  height: 2px;
  margin-top: -1px;
  z-index: 1;
  background: #007aff;
  content: ' '
}

.range-slider input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  background: #b7b8b7;
  border: none;
  outline: 0
}

.range-slider input[type=range]::-moz-range-thumb {
  height: 28px;
  width: 28px;
  border-radius: 28px;
  background: #fff;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0,0,0,.4);
  border: 0;
  outline: 0;
  position: absolute;
  box-sizing: border-box;
  content: ' '
}

.range-slider input[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: 0 0;
  border-color: transparent;
  color: transparent
}

.range-slider input[type=range]::-ms-thumb {
  height: 28px;
  width: 28px;
  border-radius: 28px;
  background: #fff;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0,0,0,.4);
  border: 0;
  outline: 0;
  position: absolute;
  content: ' ';
  box-shadow: none;
  border: 1px solid rgba(0,0,0,.2);
  box-sizing: border-box;
  margin-top: 0;
  top: 50%
}

.range-slider input[type=range]::-ms-fill-lower {
  background: #007aff
}

.range-slider input[type=range]::-ms-fill-upper {
  background: #b7b8b7
}

label.label-checkbox {
  cursor: pointer
}

label.label-checkbox i.icon-form-checkbox {
  width: 22px;
  height: 22px;
  position: relative;
  border-radius: 22px;
  border: 1px solid #c7c7cc;
  box-sizing: border-box
}

label.label-checkbox i.icon-form-checkbox:after {
  content: ' ';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -4px;
  width: 12px;
  height: 9px
}

label.label-checkbox input[type=checkbox],label.label-checkbox input[type=radio] {
  display: none
}

label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {
  border: none;
  background-color: #007aff
}

label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox:after,label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox:after {
  background: no-repeat center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");
  -webkit-background-size: 12px 9px;
  background-size: 12px 9px
}

label.label-radio {
  cursor: pointer
}

label.label-radio input[type=checkbox],label.label-radio input[type=radio] {
  display: none
}

label.label-radio input[type=checkbox]~.item-inner,label.label-radio input[type=radio]~.item-inner {
  padding-right: 35px
}

label.label-radio input[type=checkbox]:checked~.item-inner,label.label-radio input[type=radio]:checked~.item-inner {
  background: no-repeat center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
  background-position: 90% center;
  background-position: -webkit-calc(100% - 15px) center;
  background-position: calc(100% - 15px) center;
  -webkit-background-size: 13px 10px;
  background-size: 13px 10px
}

label.label-checkbox,label.label-radio {
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

html:not(.watch-active-state) label.label-checkbox:active,html:not(.watch-active-state) label.label-radio:active,label.label-checkbox.active-state,label.label-radio.active-state {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background-color: #d9d9d9
}

html:not(.watch-active-state) label.label-checkbox:active .item-inner:after,html:not(.watch-active-state) label.label-radio:active .item-inner:after,label.label-checkbox.active-state .item-inner:after,label.label-radio.active-state .item-inner:after {
  background-color: transparent
}

.smart-select select {
  display: none
}

.list-block .accordion-item-toggle {
  cursor: pointer;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.list-block .accordion-item-toggle .item-inner {
  padding-right: 35px;
  background: no-repeat -webkit-calc(100% - 15px) center;
  background: no-repeat calc(100% - 15px) center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
  background-size: 10px 20px
}

.list-block .accordion-item-toggle.active-state,html:not(.watch-active-state) .list-block .accordion-item-toggle:active {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background-color: #d9d9d9
}

.list-block .accordion-item-toggle.active-state>.item-inner:after,html:not(.watch-active-state) .list-block .accordion-item-toggle:active>.item-inner:after {
  background-color: transparent
}

.list-block .accordion-item-toggle .item-inner,.list-block .accordion-item>.item-link .item-inner {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: background-color;
  transition-property: background-color
}

.list-block .accordion-item-toggle .item-inner:after,.list-block .accordion-item>.item-link .item-inner:after {
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,.list-block .accordion-item-expanded.media-item>.item-link .item-title-row,.list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,.list-block.media-list .accordion-item-expanded>.item-link .item-title-row,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(115%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
  background-size: 20px 20px
}

.list-block .accordion-item-expanded .accordion-item-toggle .item-inner:after,.list-block .accordion-item-expanded>.item-link .item-inner:after {
  background-color: transparent
}

.list-block .accordion-item .content-block,.list-block .accordion-item .list-block {
  margin-top: 0;
  margin-bottom: 0
}

.list-block .accordion-item ul {
  padding-left: 0
}

.accordion-item-content {
  position: relative;
  overflow: hidden;
  height: 0;
  font-size: 14px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.accordion-item-expanded>.accordion-item-content {
  height: auto
}

html.android-4 .accordion-item-content {
  -webkit-transform: none;
  transform: none
}

.card .list-block ul,.cards-list ul {
  background: 0 0
}

.card .list-block>ul:before,.cards-list>ul:before {
  display: none
}

.card .list-block>ul:after,.cards-list>ul:after {
  display: none
}

.card {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
  margin: 10px;
  position: relative;
  border-radius: 2px;
  font-size: 14px
}

.card .content-block,.card .list-block {
  margin: 0
}

.row:not(.no-gutter) .col>.card {
  margin-left: 0;
  margin-right: 0
}

.card-content {
  position: relative
}

.card-content-inner {
  padding: 15px;
  position: relative
}

.card-content-inner>p:first-child {
  margin-top: 0
}

.card-content-inner>p:last-child {
  margin-bottom: 0
}

.card-content-inner>.content-block,.card-content-inner>.list-block {
  margin: -15px
}

.card-footer,.card-header {
  min-height: 44px;
  position: relative;
  padding: 10px 15px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.card-footer[valign=top],.card-header[valign=top] {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.card-footer[valign=bottom],.card-header[valign=bottom] {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end
}

.card-footer a.link,.card-header a.link {
  line-height: 44px;
  height: 44px;
  text-decoration: none;
  position: relative;
  margin-top: -10px;
  margin-bottom: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.card-footer a.link.active-state,.card-header a.link.active-state,html:not(.watch-active-state) .card-footer a.link:active,html:not(.watch-active-state) .card-header a.link:active {
  opacity: .3;
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.card-footer a.link i+i,.card-footer a.link i+span,.card-footer a.link span+i,.card-footer a.link span+span,.card-header a.link i+i,.card-header a.link i+span,.card-header a.link span+i,.card-header a.link span+span {
  margin-left: 7px
}

.card-footer a.link i.icon,.card-header a.link i.icon {
  display: block
}

.card-footer a.icon-only,.card-header a.icon-only {
  min-width: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0
}

.card-header {
  border-radius: 2px 2px 0 0;
  font-size: 17px
}

.card-header:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #e1e1e1;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .card-header:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .card-header:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.card-header.no-border:after {
  display: none
}

.card-footer {
  border-radius: 0 0 2px 2px;
  color: #6d6d72
}

.card-footer:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #e1e1e1;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

html.pixel-ratio-2 .card-footer:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .card-footer:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.card-footer.no-border:before {
  display: none
}

.modal-overlay,.popup-overlay,.preloader-indicator-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.4);
  z-index: 13000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.modal-overlay.modal-overlay-visible,.popup-overlay.modal-overlay-visible,.preloader-indicator-overlay.modal-overlay-visible {
  visibility: visible;
  opacity: 1
}

.popup-overlay {
  z-index: 10500
}

.modal {
  width: 270px;
  position: absolute;
  z-index: 13500;
  left: 50%;
  margin-left: -135px;
  margin-top: 0;
  top: 50%;
  text-align: center;
  border-radius: 13px;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0) scale(1.185);
  transform: translate3d(0,0,0) scale(1.185);
  -webkit-transition-property: -webkit-transform,opacity;
  -moz-transition-property: -moz-transform,opacity;
  -ms-transition-property: -ms-transform,opacity;
  -o-transition-property: -o-transform,opacity;
  transition-property: transform,opacity;
  color: #000;
  display: none
}

.modal.modal-in {
  opacity: 1;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1)
}

.modal.modal-out {
  opacity: 0;
  z-index: 13499;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1)
}

.modal-inner {
  padding: 15px;
  border-radius: 13px 13px 0 0;
  position: relative;
  background: rgba(255,255,255,.95)
}

.modal-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0,0,0,.2);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .modal-inner:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .modal-inner:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.modal-title {
  font-weight: 500;
  font-size: 18px;
  text-align: center
}

html.ios-gt-8 .modal-title {
  font-weight: 600
}

.modal-title+.modal-text {
  margin-top: 5px
}

.modal-buttons {
  height: 44px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.modal-buttons.modal-buttons-vertical {
  display: block;
  height: auto
}

.modal-button {
  width: 100%;
  padding: 0 5px;
  height: 44px;
  font-size: 17px;
  line-height: 44px;
  text-align: center;
  color: #007aff;
  display: block;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  background: rgba(255,255,255,.95)
}

.modal-button:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  bottom: auto;
  width: 1px;
  height: 100%;
  background-color: rgba(0,0,0,.2);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%
}

html.pixel-ratio-2 .modal-button:after {
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5)
}

html.pixel-ratio-3 .modal-button:after {
  -webkit-transform: scaleX(.33);
  transform: scaleX(.33)
}

.modal-button:first-child {
  border-radius: 0 0 0 13px
}

.modal-button:last-child {
  border-radius: 0 0 13px 0
}

.modal-button:last-child:after {
  display: none
}

.modal-button:first-child:last-child {
  border-radius: 0 0 13px 13px
}

.modal-button.modal-button-bold {
  font-weight: 500
}

html.ios-gt-8 .modal-button.modal-button-bold {
  font-weight: 600
}

.modal-button.active-state,html:not(.watch-active-state) .modal-button:active {
  background: rgba(230,230,230,.95)
}

.modal-buttons-vertical .modal-button {
  border-radius: 0
}

.modal-buttons-vertical .modal-button:after {
  display: none
}

.modal-buttons-vertical .modal-button:before {
  display: none
}

.modal-buttons-vertical .modal-button:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0,0,0,.2);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .modal-buttons-vertical .modal-button:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.modal-buttons-vertical .modal-button:last-child {
  border-radius: 0 0 13px 13px
}

.modal-buttons-vertical .modal-button:last-child:after {
  display: none
}

.modal-no-buttons .modal-inner {
  border-radius: 13px
}

.modal-no-buttons .modal-inner:after {
  display: none
}

.modal-no-buttons .modal-buttons {
  display: none
}

.actions-modal {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 13500;
  width: 100%;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0)
}

@media (min-width:496px) {
  .actions-modal {
    width: 480px;
    left: 50%;
    margin-left: -240px
  }
}

.actions-modal.modal-in {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.actions-modal.modal-out {
  z-index: 13499;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0)
}

.actions-modal-group {
  margin: 8px;
  position: relative;
  border-radius: 13px;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.actions-modal-button,.actions-modal-label {
  width: 100%;
  text-align: center;
  font-weight: 400;
  margin: 0;
  background: rgba(255,255,255,.95);
  box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden
}

.actions-modal-button:after,.actions-modal-label:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0,0,0,.2);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .actions-modal-button:after,html.pixel-ratio-2 .actions-modal-label:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .actions-modal-button:after,html.pixel-ratio-3 .actions-modal-label:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.actions-modal-button a,.actions-modal-label a {
  text-decoration: none;
  color: inherit;
  display: block
}

.actions-modal-button b,.actions-modal-label b {
  font-weight: 500
}

html.ios-gt-8 .actions-modal-button b,html.ios-gt-8 .actions-modal-label b {
  font-weight: 600
}

.actions-modal-button.actions-modal-button-bold,.actions-modal-label.actions-modal-button-bold {
  font-weight: 500
}

html.ios-gt-8 .actions-modal-button.actions-modal-button-bold,html.ios-gt-8 .actions-modal-label.actions-modal-button-bold {
  font-weight: 600
}

.actions-modal-button.actions-modal-button-red,.actions-modal-label.actions-modal-button-red {
  color: #ff3b30
}

.actions-modal-button:first-child,.actions-modal-label:first-child {
  border-radius: 13px 13px 0 0
}

.actions-modal-button:last-child,.actions-modal-label:last-child {
  border-radius: 0 0 13px 13px
}

.actions-modal-button:last-child:after,.actions-modal-label:last-child:after {
  display: none
}

.actions-modal-button:first-child:last-child,.actions-modal-label:first-child:last-child {
  border-radius: 13px
}

.actions-modal-button.disabled,.actions-modal-label.disabled {
  opacity: .9;
  color: #8e8e93
}

.actions-modal-button {
  cursor: pointer;
  height: 57px;
  line-height: 57px;
  font-size: 20px;
  color: #007aff;
  white-space: normal;
  text-overflow: ellipsis
}

.actions-modal-button.active-state,html:not(.watch-active-state) .actions-modal-button:active {
  background: rgba(230,230,230,.9)
}

.actions-modal-label {
  font-size: 13px;
  line-height: 1.3;
  min-height: 57px;
  padding: 8px 10px;
  color: #8a8a8a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media (orientation:landscape) {
  .actions-modal-label {
    min-height: 44px
  }

  .actions-modal-button {
    height: 44px;
    line-height: 44px
  }
}

input.modal-text-input {
  box-sizing: border-box;
  height: 26px;
  background: #fff;
  margin: 0;
  margin-top: 15px;
  padding: 0 5px;
  border: 1px solid rgba(0,0,0,.3);
  border-radius: 0;
  width: 100%;
  font-size: 14px;
  font-family: inherit;
  display: block;
  box-shadow: 0 0 0 transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none
}

input.modal-text-input+input.modal-text-input {
  margin-top: 5px
}

.modal-input-double+.modal-input-double input.modal-text-input {
  border-top: 0;
  margin-top: 0
}

.popover {
  width: 320px;
  background: rgba(255,255,255,.95);
  z-index: 13500;
  margin: 0;
  top: 0;
  opacity: 0;
  left: 0;
  border-radius: 13px;
  position: absolute;
  display: none;
  -webkit-transform: none;
  transform: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.popover.modal-in {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  opacity: 1
}

.popover .list-block {
  margin: 0
}

.popover .list-block ul {
  background: 0 0
}

.popover .list-block:first-child ul {
  border-radius: 13px 13px 0 0
}

.popover .list-block:first-child ul:before {
  display: none
}

.popover .list-block:first-child li:first-child a {
  border-radius: 13px 13px 0 0
}

.popover .list-block:last-child ul {
  border-radius: 0 0 13px 13px
}

.popover .list-block:last-child ul:after {
  display: none
}

.popover .list-block:last-child li:last-child a {
  border-radius: 0 0 13px 13px
}

.popover .list-block:first-child:last-child li:first-child:last-child a,.popover .list-block:first-child:last-child ul:first-child:last-child {
  border-radius: 13px
}

.popover .list-block+.list-block {
  margin-top: 35px
}

.popover-angle {
  width: 26px;
  height: 26px;
  position: absolute;
  left: -26px;
  top: 0;
  z-index: 100;
  overflow: hidden
}

.popover-angle:after {
  content: ' ';
  background: rgba(255,255,255,.95);
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.popover-angle.on-left {
  left: -26px
}

.popover-angle.on-left:after {
  left: 19px;
  top: 0
}

.popover-angle.on-right {
  left: 100%
}

.popover-angle.on-right:after {
  left: -19px;
  top: 0
}

.popover-angle.on-top {
  left: 0;
  top: -26px
}

.popover-angle.on-top:after {
  left: 0;
  top: 19px
}

.popover-angle.on-bottom {
  left: 0;
  top: 100%
}

.popover-angle.on-bottom:after {
  left: 0;
  top: -19px
}

.popover-inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.actions-popover .list-block+.list-block {
  margin-top: 20px
}

.actions-popover .list-block ul {
  background: #fff
}

.actions-popover-label {
  padding: 8px 10px;
  color: #8a8a8a;
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
  position: relative
}

.actions-popover-label:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0,0,0,.2);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .actions-popover-label:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .actions-popover-label:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.actions-popover-label:last-child:after {
  display: none
}

.login-screen,.popup {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11000;
  background: #fff;
  box-sizing: border-box;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0)
}

.login-screen.modal-in,.login-screen.modal-out,.popup.modal-in,.popup.modal-out {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.login-screen.modal-in,.popup.modal-in {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.login-screen.modal-out,.popup.modal-out {
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0)
}

.login-screen.modal-in,.login-screen.modal-out {
  display: block
}

@media all and (min-width:630px) and (min-height:630px) {
  .popup:not(.tablet-fullscreen) {
    width: 630px;
    height: 630px;
    left: 50%;
    top: 50%;
    margin-left: -315px;
    margin-top: -315px;
    -webkit-transform: translate3d(0,1024px,0);
    transform: translate3d(0,1024px,0)
  }

  .popup:not(.tablet-fullscreen).modal-in {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }

  .popup:not(.tablet-fullscreen).modal-out {
    -webkit-transform: translate3d(0,1024px,0);
    transform: translate3d(0,1024px,0)
  }
}

@media all and (max-width:629px),(max-height:629px) {
  html.with-statusbar-overlay .popup {
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    top: 20px
  }

  html.with-statusbar-overlay .popup-overlay {
    z-index: 9500
  }
}

html.with-statusbar-overlay .login-screen,html.with-statusbar-overlay .popup.tablet-fullscreen {
  height: -webkit-calc(100% - 20px);
  height: calc(100% - 20px);
  top: 20px
}

.modal .preloader {
  width: 34px;
  height: 34px
}

.preloader-indicator-overlay {
  visibility: visible;
  opacity: 0;
  background: 0 0
}

.preloader-indicator-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 8px;
  margin-left: -25px;
  margin-top: -25px;
  background: rgba(0,0,0,.8);
  z-index: 13500;
  border-radius: 5px
}

.preloader-indicator-modal .preloader {
  display: block;
  width: 34px;
  height: 34px
}

.picker-modal {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 260px;
  z-index: 12500;
  display: none;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  background: #cfd5da;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0)
}

.picker-modal.modal-in,.picker-modal.modal-out {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.picker-modal.modal-in {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.picker-modal.modal-out {
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0)
}

.picker-modal .picker-modal-inner {
  height: 100%;
  position: relative
}

.picker-modal .toolbar {
  position: relative;
  width: 100%;
  background: #f7f7f8
}

.picker-modal .toolbar:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #929499;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

html.pixel-ratio-2 .picker-modal .toolbar:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-modal .toolbar:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.picker-modal .toolbar+.picker-modal-inner {
  height: -webkit-calc(100% - 44px);
  height: -moz-calc(100% - 44px);
  height: calc(100% - 44px)
}

.picker-modal.picker-modal-inline,.popover .picker-modal {
  display: block;
  position: relative;
  background: 0 0;
  z-index: inherit;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.picker-modal.picker-modal-inline .toolbar:before,.popover .picker-modal .toolbar:before {
  display: none
}

.picker-modal.picker-modal-inline .toolbar:after,.popover .picker-modal .toolbar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #929499;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-modal.picker-modal-inline .toolbar:after,html.pixel-ratio-2 .popover .picker-modal .toolbar:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-modal.picker-modal-inline .toolbar:after,html.pixel-ratio-3 .popover .picker-modal .toolbar:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.popover .picker-modal {
  width: auto
}

.popover .picker-modal .toolbar {
  background: 0 0
}

.picker-modal.smart-select-picker .page {
  background: #fff
}

.picker-modal.smart-select-picker .toolbar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-modal.smart-select-picker .toolbar:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-modal.smart-select-picker .toolbar:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.picker-modal.smart-select-picker .list-block {
  margin: 0
}

.picker-modal.smart-select-picker .list-block ul:before {
  display: none
}

.picker-modal.smart-select-picker .list-block ul:after {
  display: none
}

.panel-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  opacity: 0;
  z-index: 5999;
  display: none
}

.panel {
  z-index: 1000;
  display: none;
  background: #111;
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  width: 260px;
  top: 0;
  height: 100%;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.panel.panel-left.panel-cover {
  z-index: 6000;
  left: -260px
}

.panel.panel-left.panel-reveal {
  left: 0
}

.panel.panel-right.panel-cover {
  z-index: 6000;
  right: -260px
}

.panel.panel-right.panel-reveal {
  right: 0
}

body.with-panel-left-cover .views,body.with-panel-right-cover .views {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

body.with-panel-left-cover .panel-overlay,body.with-panel-right-cover .panel-overlay {
  display: block
}

body.with-panel-left-reveal .views,body.with-panel-right-reveal .views {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform
}

body.with-panel-left-reveal .panel-overlay,body.with-panel-right-reveal .panel-overlay {
  display: block
}

body.with-panel-left-reveal .views {
  -webkit-transform: translate3d(260px,0,0);
  transform: translate3d(260px,0,0)
}

body.with-panel-left-reveal .panel-overlay {
  margin-left: 260px
}

body.with-panel-left-cover .panel-left {
  -webkit-transform: translate3d(260px,0,0);
  transform: translate3d(260px,0,0)
}

body.with-panel-right-reveal .views {
  -webkit-transform: translate3d(-260px,0,0);
  transform: translate3d(-260px,0,0)
}

body.with-panel-right-reveal .panel-overlay {
  margin-left: -260px
}

body.with-panel-right-cover .panel-right {
  -webkit-transform: translate3d(-260px,0,0);
  transform: translate3d(-260px,0,0)
}

body.panel-closing .views {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform
}

.lazy-loaded.lazy-fadeIn {
  -webkit-animation: lazyFadeIn .6s;
  animation: lazyFadeIn .6s
}

@-webkit-keyframes lazyFadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes lazyFadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.tabs .tab {
  display: none
}

.tabs .tab.active {
  display: block
}

.tabs-animated-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%
}

.tabs-animated-wrap>.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.tabs-animated-wrap>.tabs>.tab {
  width: 100%;
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0
}

.tabs-swipeable-wrap {
  height: 100%
}

.tabs-swipeable-wrap>.tabs>.tab {
  display: block
}

.messages-content {
  background: #fff
}

.messages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.messages-date {
  text-align: center;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  margin: 10px 15px;
  color: #8e8e93
}

html.ios-gt-8 .messages-date {
  font-weight: 600
}

.messages-date span {
  font-weight: 400
}

.message {
  box-sizing: border-box;
  margin: 1px 10px 0;
  max-width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.message:first-child {
  margin-top: 10px
}

.message .message-text {
  box-sizing: border-box;
  border-radius: 16px;
  padding: 6px 16px 9px;
  min-width: 48px;
  min-height: 35px;
  font-size: 17px;
  line-height: 1.2;
  word-break: break-word
}

.message.message-pic .message-text {
  padding: 0;
  background: 0 0
}

.message.message-pic img {
  display: block;
  height: auto;
  max-width: 100%;
  border-radius: 16px
}

.message-name {
  font-size: 12px;
  line-height: 1;
  color: #8e8e93;
  margin-bottom: 2px;
  margin-top: 7px
}

.message-hide-name .message-name {
  display: none
}

.message-label {
  font-size: 12px;
  line-height: 1;
  color: #8e8e93;
  margin-top: 4px
}

.message-hide-label .message-label {
  display: none
}

.message-avatar {
  width: 29px;
  height: 29px;
  border-radius: 100%;
  margin-top: -29px;
  position: relative;
  top: 1px;
  background-size: cover;
  opacity: 1;
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.message-hide-avatar .message-avatar {
  opacity: 0
}

.message-sent {
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end
}

.message-sent .message-name {
  margin-right: 16px
}

.message-sent .message-label {
  margin-right: 6px
}

.message-sent.message-with-avatar .message-text {
  margin-right: 29px
}

.message-sent.message-with-avatar .message-name {
  margin-right: 45px
}

.message-sent.message-with-avatar .message-label {
  margin-right: 34px
}

.message-sent .message-text {
  padding-right: 22px;
  background-color: #00d449;
  color: #fff;
  margin-left: auto;
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 56% 46% 42%
}

.message-sent.message-last .message-text,.message-sent.message-with-tail .message-text {
  border-radius: 16px 16px 0 16px;
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m96 70c-6-2-12-10-12-19v-16l-14 27s8 8 26 8z'/></svg>") 50% 56% 46% 42%
}

.message-sent.message-last.message-pic img,.message-sent.message-with-tail.message-pic img {
  border-radius: 16px 16px 0 16px
}

.message-received {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.message-received .message-text {
  padding-left: 22px;
  background-color: #e5e5ea;
  color: #000;
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 42% 46% 56%
}

.message-received .message-name {
  margin-left: 16px
}

.message-received .message-label {
  margin-left: 6px
}

.message-received.message-with-avatar .message-text {
  margin-left: 29px
}

.message-received.message-with-avatar .message-name {
  margin-left: 45px
}

.message-received.message-with-avatar .message-label {
  margin-left: 34px
}

.message-received.message-last .message-text,.message-received.message-with-tail .message-text {
  border-radius: 16px 16px 16px 0;
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m0 70c6-2 12-10 12-19v-16l14 27s-8 8-26 8z'/></svg>") 50% 42% 46% 56%
}

.message-received.message-last.message-pic img,.message-received.message-with-tail.message-pic img {
  border-radius: 16px 16px 16px 0
}

.message-last {
  margin-bottom: 8px
}

.message-appear-from-bottom {
  -webkit-animation: messageAppearFromBottom .4s;
  animation: messageAppearFromBottom .4s
}

.message-appear-from-top {
  -webkit-animation: messageAppearFromTop .4s;
  animation: messageAppearFromTop .4s
}

.messages-auto-layout .message-label,.messages-auto-layout .message-name {
  display: none
}

.messages-auto-layout .message-avatar {
  opacity: 0
}

.messages-auto-layout .message-first .message-name {
  display: block
}

.messages-auto-layout .message-last .message-avatar {
  opacity: 1
}

.messages-auto-layout .message-last .message-label {
  display: block
}

html.retina.ios-6 .message,html.retina.ios-6 .message.message-pic img {
  -webkit-mask-box-image: none;
  border-radius: 16px
}

@-webkit-keyframes messageAppearFromBottom {
  from {
    -webkit-transform: translate3d(0,100%,0)
  }

  to {
    -webkit-transform: translate3d(0,0,0)
  }
}

@keyframes messageAppearFromBottom {
  from {
    transform: translate3d(0,100%,0)
  }

  to {
    transform: translate3d(0,0,0)
  }
}

@-webkit-keyframes messageAppearFromTop {
  from {
    -webkit-transform: translate3d(0,-100%,0)
  }

  to {
    -webkit-transform: translate3d(0,0,0)
  }
}

@keyframes messageAppearFromTop {
  from {
    transform: translate3d(0,-100%,0)
  }

  to {
    transform: translate3d(0,0,0)
  }
}

html.with-statusbar-overlay body {
  padding-top: 20px;
  box-sizing: border-box
}

html.with-statusbar-overlay body .statusbar-overlay {
  display: block
}

html.with-statusbar-overlay body .panel {
  padding-top: 20px
}

.statusbar-overlay {
  background: #f7f7f8;
  z-index: 10000;
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 100%;
  display: none;
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.preloader {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: preloader-spin 1s steps(12,end) infinite;
  animation: preloader-spin 1s steps(12,end) infinite
}

.preloader-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes preloader-spin {
  100% {
    transform: rotate(360deg)
  }
}

.progressbar,.progressbar-infinite {
  height: 2px;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  background: #b6b6b6;
  border-radius: 2px;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.progressbar {
  vertical-align: middle
}

.progressbar span {
  width: 100%;
  background: #007aff;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms
}

.progressbar-infinite:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #007aff;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-animation: progressbar-infinite 1s linear infinite;
  animation: progressbar-infinite 1s linear infinite
}

html.with-statusbar-overlay body>.progressbar-infinite {
  top: 20px
}

.progressbar-infinite.color-multi {
  background: 0 0
}

.progressbar-infinite.color-multi:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 400%;
  height: 100%;
  background-image: -webkit-linear-gradient(left,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);
  background-image: linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);
  background-size: 25% 100%;
  background-repeat: repeat-x;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-animation: progressbar-infinite-multicolor 3s linear infinite;
  animation: progressbar-infinite-multicolor 3s linear infinite
}

html.with-statusbar-overlay body>.progressbar-infinite.color-multi {
  top: 20px
}

.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15000;
  border-radius: 0
}

.progressbar-in {
  -webkit-animation: progressbar-in .3s forwards;
  animation: progressbar-in .3s forwards
}

.progressbar-out {
  -webkit-animation: progressbar-out .3s forwards;
  animation: progressbar-out .3s forwards
}

html.with-statusbar-overlay body>.progressbar {
  top: 20px
}

@-webkit-keyframes progressbar-in {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleY(1)
  }
}

@keyframes progressbar-in {
  from {
    opacity: 0;
    transform: scaleY(0)
  }

  to {
    opacity: 1;
    transform: scaleY(1)
  }
}

@-webkit-keyframes progressbar-out {
  from {
    opacity: 1;
    -webkit-transform: scaleY(1)
  }

  to {
    opacity: 0;
    -webkit-transform: scaleY(0)
  }
}

@keyframes progressbar-out {
  from {
    opacity: 1;
    transform: scaleY(1)
  }

  to {
    opacity: 0;
    transform: scaleY(0)
  }
}

@-webkit-keyframes progressbar-infinite {
  0% {
    -webkit-transform: translate3d(-50%,0,0) scaleX(.5)
  }

  100% {
    -webkit-transform: translate3d(100%,0,0) scaleX(.5)
  }
}

@keyframes progressbar-infinite {
  0% {
    transform: translate3d(-50%,0,0) scaleX(.5)
  }

  100% {
    transform: translate3d(100%,0,0) scaleX(.5)
  }
}

@-webkit-keyframes progressbar-infinite-multicolor {
  from {
    -webkit-transform: translate3d(0,0,0)
  }

  to {
    -webkit-transform: translate3d(-50%,0,0)
  }
}

@keyframes progressbar-infinite-multicolor {
  from {
    transform: translate3d(0,0,0)
  }

  to {
    transform: translate3d(-50%,0,0)
  }
}

.pull-to-refresh-layer {
  position: absolute;
  position: relative;
  margin-top: -44px;
  left: 0;
  top: 0;
  width: 100%;
  height: 44px
}

.pull-to-refresh-layer .preloader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  visibility: hidden
}

.pull-to-refresh-layer .pull-to-refresh-arrow {
  width: 13px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -10px;
  background: no-repeat center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E");
  background-size: 13px 20px;
  z-index: 10;
  -webkit-transform: rotate(0) translate3d(0,0,0);
  transform: rotate(0) translate3d(0,0,0);
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.pull-to-refresh-content.pull-to-refresh-no-navbar {
  height:100%;
}

.pull-to-refresh-content.pull-to-refresh-no-navbar .pull-to-refresh-layer {
  margin-top: 0
}

.pull-to-refresh-content.refreshing,.pull-to-refresh-content.transitioning {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.pull-to-refresh-content:not(.refreshing) .pull-to-refresh-layer .preloader {
  -webkit-animation: none;
  animation: none
}

.pull-to-refresh-content.refreshing {

}

.pull-to-refresh-content.refreshing .pull-to-refresh-arrow {
  visibility: hidden;
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.pull-to-refresh-content.refreshing .preloader {
  visibility: visible
}

.pull-to-refresh-content.pull-up .pull-to-refresh-arrow {
  -webkit-transform: rotate(180deg) translate3d(0,0,0);
  transform: rotate(180deg) translate3d(0,0,0)
}

.autocomplete-page .autocomplete-found {
  display: block
}

.autocomplete-page .autocomplete-not-found {
  display: none
}

.autocomplete-page .autocomplete-values {
  display: block
}

.autocomplete-page .list-block ul:empty {
  display: none
}

.autocomplete-preloader:not(.autocomplete-preloader-visible) {
  -webkit-animation: none;
  animation: none;
  visibility: hidden
}

.autocomplete-dropdown {
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 500;
  box-shadow: 0 3px 3px rgba(0,0,0,.2);
  width: 100%;
  left: 0
}

.autocomplete-dropdown .autocomplete-dropdown-inner {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  z-index: 1
}

.autocomplete-dropdown .autocomplete-preloader {
  display: none;
  position: absolute;
  right: 15px;
  bottom: 100%;
  margin-bottom: 12px;
  width: 20px;
  height: 20px
}

.autocomplete-dropdown .autocomplete-preloader-visible {
  display: block
}

.autocomplete-dropdown .autocomplete-dropdown-placeholder {
  color: #a9a9a9
}

.autocomplete-dropdown .list-block {
  margin: 0
}

.autocomplete-dropdown .list-block ul {
  background: 0 0!important
}

.autocomplete-dropdown .list-block ul:before {
  display: none
}

.autocomplete-dropdown .list-block ul:after {
  display: none
}

.autocomplete-dropdown .list-block b {
  font-weight: 500
}

html.ios-gt-8 .autocomplete-dropdown .list-block b {
  font-weight: 600
}

.list-block .item-content-dropdown-expand .item-title.label {
  width: 0;
  -webkit-flex-shrink: 10;
  -ms-flex: 0 10 auto;
  flex-shrink: 10
}

.list-block .item-content-dropdown-expand .item-title.label+.item-input {
  margin-left: 0
}

.list-block .item-content-dropdown-expand .item-input {
  width: 100%
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -o-transform: translate(0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}
.swiper-slide a{display: block;overflow: hidden;}
.swiper-slide img{width: 100%;float: left;}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform,height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform,height
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom:0px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0);
  -moz-transform: translate3d(0,-50%,0);
  -o-transform: translate(0,-50%);
  -ms-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-pagination-progress {
  background: rgba(0,0,0,.25);
  position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
  overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-slide .preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10
}

.photo-browser {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11500
}

body>.photo-browser {
  opacity: 0;
  display: none;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

body>.photo-browser.photo-browser-in {
  display: block;
  -webkit-animation: photoBrowserIn .4s forwards;
  animation: photoBrowserIn .4s forwards
}

body>.photo-browser.photo-browser-out {
  display: block;
  -webkit-animation: photoBrowserOut .4s forwards;
  animation: photoBrowserOut .4s forwards
}

html.with-statusbar-overlay body>.photo-browser {
  height: -webkit-calc(100% - 20px);
  height: calc(100% - 20px);
  top: 20px
}

.popup>.photo-browser .navbar,.popup>.photo-browser .toolbar,body>.photo-browser .navbar,body>.photo-browser .toolbar {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.photo-browser .page[data-page=photo-browser-slides] {
  background: 0 0
}

.photo-browser-popup {
  background: 0 0
}

.photo-browser .navbar,.photo-browser .toolbar,.views .view[data-page=photo-browser-slides] .navbar,.views .view[data-page=photo-browser-slides] .toolbar {
  background: rgba(247,247,247,.95);
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.view[data-page=photo-browser-slides] .page[data-page=photo-browser-slides] .navbar,.view[data-page=photo-browser-slides] .page[data-page=photo-browser-slides] .toolbar {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar {
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.photo-browser-exposed .photo-browser-swiper-container {
  background: #000
}

.photo-browser-of {
  margin: 0 5px
}

.photo-browser-captions {
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 10;
  opacity: 1;
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.photo-browser-captions.photo-browser-captions-exposed {
  opacity: 0
}

.toolbar~.photo-browser-captions {
  bottom: 44px;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.photo-browser-exposed .toolbar~.photo-browser-captions {
  -webkit-transform: translate3d(0,44px,0);
  transform: translate3d(0,44px,0)
}

.toolbar~.photo-browser-captions.photo-browser-captions-exposed {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.photo-browser-caption {
  box-sizing: border-box;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 4px 5px;
  width: 100%;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,.8)
}

.photo-browser-caption:empty {
  display: none
}

.photo-browser-caption.photo-browser-caption-active {
  opacity: 1
}

.photo-browser-captions-light .photo-browser-caption {
  background: rgba(255,255,255,.8);
  color: #000
}

.photo-browser-exposed .photo-browser-caption {
  color: #fff;
  background: rgba(0,0,0,.8)
}

.photo-browser-swiper-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.photo-browser-swiper-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.photo-browser-link-inactive {
  opacity: .3
}

.photo-browser-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  box-sizing: border-box
}

.photo-browser-slide.transitioning {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.photo-browser-slide span.photo-browser-zoom-container {
  width: 100%;
  text-align: center;
  display: none
}

.photo-browser-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: none
}

.photo-browser-slide.swiper-slide-active span.photo-browser-zoom-container,.photo-browser-slide.swiper-slide-next span.photo-browser-zoom-container,.photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container {
  display: block
}

.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img {
  display: inline
}

.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
  display: block
}

.photo-browser-slide iframe {
  width: 100%;
  height: 100%
}

.photo-browser-slide .preloader {
  display: none;
  position: absolute;
  width: 42px;
  height: 42px;
  margin-left: -21px;
  margin-top: -21px;
  left: 50%;
  top: 50%
}

.photo-browser-dark .navbar,.photo-browser-dark .toolbar {
  background: rgba(30,30,30,.8);
  color: #fff
}

.photo-browser-dark .navbar:before,.photo-browser-dark .toolbar:before {
  display: none
}

.photo-browser-dark .navbar:after,.photo-browser-dark .toolbar:after {
  display: none
}

.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a {
  color: #fff
}

.photo-browser-dark .photo-browser-swiper-container {
  background: #000
}

@-webkit-keyframes photoBrowserIn {
  0% {
    -webkit-transform: translate3d(0,0,0) scale(.5);
    opacity: 0
  }

  100% {
    -webkit-transform: translate3d(0,0,0) scale(1);
    opacity: 1
  }
}

@keyframes photoBrowserIn {
  0% {
    transform: translate3d(0,0,0) scale(.5);
    opacity: 0
  }

  100% {
    transform: translate3d(0,0,0) scale(1);
    opacity: 1
  }
}

@-webkit-keyframes photoBrowserOut {
  0% {
    -webkit-transform: translate3d(0,0,0) scale(1);
    opacity: 1
  }

  100% {
    -webkit-transform: translate3d(0,0,0) scale(.5);
    opacity: 0
  }
}

@keyframes photoBrowserOut {
  0% {
    transform: translate3d(0,0,0) scale(1);
    opacity: 1
  }

  100% {
    transform: translate3d(0,0,0) scale(.5);
    opacity: 0
  }
}

.picker-columns {
  width: 100%;
  height: 260px;
  z-index: 11500
}

.picker-columns.picker-modal-inline,.popover .picker-columns {
  height: 200px
}

@media (orientation:landscape) and (max-height:415px) {
  .picker-columns:not(.picker-modal-inline) {
    height: 200px
  }
}

.popover.popover-picker-columns {
  width: 280px
}

.picker-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
  text-align: right;
  font-size: 24px;
  -webkit-mask-box-image: -webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);
  -webkit-mask-box-image: linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)
}

.picker-items-col {
  overflow: hidden;
  position: relative;
  max-height: 100%
}

.picker-items-col.picker-items-col-left {
  text-align: left
}

.picker-items-col.picker-items-col-center {
  text-align: center
}

.picker-items-col.picker-items-col-right {
  text-align: right
}

.picker-items-col.picker-items-col-divider {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.picker-items-col-wrapper {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.picker-item {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #707274;
  left: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.picker-items-col-absolute .picker-item {
  position: absolute
}

.picker-item.picker-item-far {
  pointer-events: none
}

.picker-item.picker-selected {
  color: #000;
  -webkit-transform: translate3d(0,0,0) rotateX(0);
  transform: translate3d(0,0,0) rotateX(0)
}

.picker-center-highlight {
  height: 36px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -18px;
  pointer-events: none
}

.picker-center-highlight:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #a8abb0;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

html.pixel-ratio-2 .picker-center-highlight:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-center-highlight:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.picker-center-highlight:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #a8abb0;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-center-highlight:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-center-highlight:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.picker-3d .picker-items {
  overflow: hidden;
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.picker-3d .picker-item,.picker-3d .picker-items-col,.picker-3d .picker-items-col-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.picker-3d .picker-items-col {
  overflow: visible
}

.picker-3d .picker-item {
  -webkit-transform-origin: center center -110px;
  transform-origin: center center -110px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.picker-calendar {
  background: #fff;
  height: 320px;
  width: 100%;
  overflow: hidden
}

@media (orientation:landscape) and (max-height:415px) {
  .picker-calendar:not(.picker-modal-inline) {
    height: 220px
  }
}

.picker-calendar .picker-modal-inner {
  overflow: hidden
}

.popover-picker-calendar .picker-calendar {
  height: 320px
}

.popover.popover-picker-calendar {
  width: 320px
}

.picker-calendar-week-days {
  height: 18px;
  background: #f7f7f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 11px;
  box-sizing: border-box;
  position: relative
}

.picker-calendar-week-days:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-calendar-week-days:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-calendar-week-days:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.picker-calendar-week-days .picker-calendar-week-day {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
  width: 14.28571429%;
  width: -webkit-calc(100% / 7);
  width: -moz-calc(100% / 7);
  width: calc(100% / 7);
  line-height: 17px;
  text-align: center
}

.picker-calendar-week-days+.picker-calendar-months {
  height: -webkit-calc(100% - 18px);
  height: -moz-calc(100% - 18px);
  height: calc(100% - 18px)
}

.picker-calendar-months {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative
}

.picker-calendar-months-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.picker-calendar-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.picker-calendar-row {
  height: 16.66666667%;
  height: -webkit-calc(100% / 6);
  height: -moz-calc(100% / 6);
  height: calc(100% / 6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
  width: 100%;
  position: relative
}

.picker-calendar-row:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #ccc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-calendar-row:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-calendar-row:after {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.picker-calendar-row:last-child:after {
  display: none
}

.picker-calendar-day {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  width: 14.28571429%;
  width: -webkit-calc(100% / 7);
  width: -moz-calc(100% / 7);
  width: calc(100% / 7);
  text-align: center;
  color: #000;
  font-size: 15px;
  cursor: pointer;
  z-index: 20;
  height: 100%
}

.picker-calendar-day.picker-calendar-day-next,.picker-calendar-day.picker-calendar-day-prev {
  color: #b8b8b8
}

.picker-calendar-day.picker-calendar-day-disabled {
  color: #d4d4d4;
  cursor: auto
}

.picker-calendar-day.picker-calendar-day-today span {
  background: #e3e3e3
}

.picker-calendar-day.picker-calendar-day-selected span {
  background: #007aff;
  color: #fff
}

.picker-calendar-day.picker-calendar-day-has-events span:after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ccc;
  position: absolute;
  margin-left: -2px;
  left: 50%;
  bottom: 1px
}

.picker-calendar-day.picker-calendar-day-has-events.picker-calendar-day-selected span:after {
  display: none
}

.picker-calendar-day span {
  display: inline-block;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: relative
}

.picker-calendar-range .picker-calendar-day.picker-calendar-day-selected {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch
}

.picker-calendar-range .picker-calendar-day.picker-calendar-day-selected span {
  width: 100%;
  border-radius: 0;
  height: auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.picker-calendar-month-picker,.picker-calendar-year-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 50%;
  max-width: 200px;
  -webkit-flex-shrink: 10;
  -ms-flex: 0 10 auto;
  flex-shrink: 10
}

.picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only {
  min-width: 36px
}

.picker-calendar-month-picker span,.picker-calendar-year-picker span {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days,.popover .picker-calendar .picker-calendar-week-days {
  background: 0 0
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days:before,.picker-calendar.picker-modal-inline .toolbar:before,.popover .picker-calendar .picker-calendar-week-days:before,.popover .picker-calendar .toolbar:before {
  display: none
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days:after,.picker-calendar.picker-modal-inline .toolbar:after,.popover .picker-calendar .picker-calendar-week-days:after,.popover .picker-calendar .toolbar:after {
  display: none
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

html.pixel-ratio-2 .picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,html.pixel-ratio-2 .picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,html.pixel-ratio-2 .popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,html.pixel-ratio-2 .popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,html.pixel-ratio-3 .picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,html.pixel-ratio-3 .popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,html.pixel-ratio-3 .popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.notifications {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20000;
  color: #fff;
  font-size: 14px;
  margin: 0;
  border: none;
  display: none;
  box-sizing: border-box;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms;
  background: rgba(0,0,0,.85);
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.notifications.list-block>ul {
  background: 0 0;
  margin: 0
}

.notifications.list-block>ul:before {
  display: none
}

.notifications.list-block>ul:after {
  display: none
}

.with-statusbar-overlay .notifications {
  padding-top: 20px;
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0)
}

.notifications .item-content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.notifications .item-subtitle,.notifications .item-text,.notifications .item-title {
  font-size: 14px
}

.notifications .item-title {
  font-weight: 500
}

html.ios-gt-8 .notifications .item-title {
  font-weight: 600
}

.notifications .item-text {
  height: auto;
  color: #d2d2d2;
  line-height: inherit
}

.notifications .item-subtitle,.notifications .item-text {
  font-weight: 300
}

.notifications .item-inner:after {
  background-color: rgba(255,255,255,.2)
}

.notifications .item-media i.icon {
  width: 20px;
  height: 20px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.notifications li.notification-item .item-media {
  padding-top: 13px
}

.notifications .close-notification {
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2019%2019'%3E%3Cg%3E%3Cpath%20fill%3D'%23bcbfc4'%20d%3D'M9.5%2C1C14.2%2C1%2C18%2C4.8%2C18%2C9.5S14.2%2C18%2C9.5%2C18S1%2C14.2%2C1%2C9.5S4.8%2C1%2C9.5%2C1%20M9.5%2C0C4.3%2C0%2C0%2C4.3%2C0%2C9.5%20S4.3%2C19%2C9.5%2C19S19%2C14.7%2C19%2C9.5S14.7%2C0%2C9.5%2C0L9.5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23bcbfc4'%20stroke-miterlimit%3D'10'%20x1%3D'5.2'%20y1%3D'5.2'%20x2%3D'13.8'%20y2%3D'13.8'%2F%3E%3Cline%20stroke%3D'%23bcbfc4'%20stroke-miterlimit%3D'10'%20x1%3D'14.1'%20y1%3D'4.9'%20x2%3D'4.9'%20y2%3D'14.1'%2F%3E%3C%2Fsvg%3E");
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: relative
}

.notifications .close-notification span {
  position: absolute;
  width: 44px;
  height: 44px;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px
}

.notifications .notification-item {
  max-width: 568px;
  margin: 0 auto;
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1
}

.notifications .notification-hidden {
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.login-screen-content {
  background: #fff
}

.login-screen-content .content-block,.login-screen-content .list-block,.login-screen-content .list-block-label,.login-screen-content .login-screen-title {
  max-width: 480px;
  margin: 25px auto
}

.login-screen-content .list-block ul {
  background: 0 0
}

.login-screen-content .list-block ul:before {
  display: none
}

.login-screen-content .list-block ul:after {
  display: none
}

.login-screen-content .list-block-label {
  text-align: center
}

.login-screen-title {
  text-align: center;
  font-size: 30px
}

.disabled,[disabled] {
  opacity: .55;
  pointer-events: none
}

.disabled .disabled,.disabled [disabled],[disabled] .disabled,[disabled] [disabled] {
  opacity: 1
}

/*自定义样式*/
/* 首页页脚工具栏 */
.toolbar i.iconfont{line-height: 30px;}
/* 登陆 */
.login .navbar a,
.register .navbar a,
.forgotpwd .navbar a,
.newpwd .navbar a,
.feedback .navbar a{font-size: 14px;display: block;line-height: 44px;}
.login .navbar .left a,
.register .left a,
.forgotpwd .left a,
.newpwd .left a{/*background: url(../images/back.png) no-repeat left center;padding-left: 12px;*/}
.login .navbar .left a i,
.register .left a i,
.forgotpwd .left a i,
.newpwd .left a i,
.feedback .left a i{vertical-align: middle;}
.login .login-box,
.register .register-box,
.forgotpwd .forgotpwd-box,
.newpwd .newpwd-box,
.feedback .feedback-box{width: 98%;margin: 30px auto;}
.login .login-box ul,
.register .register-box ul,
.forgotpwd .forgotpwd-box ul,
.newpwd .newpwd-box ul,
.feedback .feedback-box ul{padding: 0;}
.login .login-box li,
.register .register-box li,
.forgotpwd .forgotpwd-box li,
.newpwd .newpwd-box li,
.feedback .feedback-box li{list-style-type: none;overflow: hidden; margin: 0px auto 25px;text-align: left;}
.login .login-box li .title,
.register .register-box li .title,
.forgotpwd .forgotpwd-box li .title,
.newpwd .newpwd-box li .title,
.feedback .feedback-box li .title{display: inline-block; font-size: 12px; width: 5%; text-align: center; color: #db0707;}
.login .login-box li .title strong,
.register .register-box li .title strong,
.forgotpwd .forgotpwd-box li .title strong,
.newpwd .newpwd-box li .title strong,
.feedback .feedback-box li .title strong{color: #db0707;}
.login .login-box li input,
.register .register-box li input,
.forgotpwd .forgotpwd-box li input,
.newpwd .newpwd-box li input,
.feedback .feedback-box li input{width: 90%; text-indent: 10px; border: 1px solid #e1e1e3; height: 30px; padding: 0; margin: 0; border-radius: 3px;}
.login .login-box li.btn,
.register .register-box li.btn,
.forgotpwd .forgotpwd-box li.btn,
.feedback .feedback-box li.btn{overflow: hidden; font-size: 12px; color: #404040; margin-top: 15px;line-height: 30px;}
.login .login-box li.btn input,
.register .register-box li.btn input,
.forgotpwd .forgotpwd-box li.btn input,
.feedback .feedback-box li.btn input{width: 12px;height: 12px;cursor: pointer; margin: -1px 5px 0 5%; vertical-align: middle;}
.login .login-box li.btn a.login-btn,
.register .register-box li.btn a.register-btn{display: inline-block;height: 30px;margin-right: 5%; color: #fff; font-size: 14px; float: right; background-color: #1087f1;
border-radius: 3px;padding: 0 25px;}
.login .other-login,
.register .other-register,
.forgotpwd .other-forgotpwd{width: 90%;margin: 0 auto;}
.login .other-login h3.title,
.register .other-register h3.title,
.forgotpwd .other-forgotpwd h3.title{background: url(../images/title-bg.jpg) repeat-x center center;display: block;text-align: center;height: 30px;line-height:30px;width:100%}
.login .other-login h3.title b,
.register .other-register h3.title b,
.forgotpwd .other-forgotpwd h3.title b{display: inline-block; font-size: 20px;color: #0e132d; padding: 0 20px; background-color: #fff;font-weight: normal;}
.login .other-login .account-list,
.register .other-register .account-list,
.forgotpwd .other-forgotpwd .account-list{text-align: center;}
.login .other-login .account-list a,
.register .other-register .account-list a,
.forgotpwd .other-forgotpwd .account-list a{display: inline-block;}
.login .other-login .account-list a.center,
.register .other-register .account-list a.center,
.forgotpwd .other-forgotpwd .account-list a.center{margin: 0 20px;}
.login .login-forgotpwd,
.register .register-login,
.forgotpwd .forgot-login{width: 100%;background-color: #1087f1;color: #fff;font-size: 12px;text-indent: 5%;height: 40px;line-height: 40px;margin-top: 60px;}
.login .login-forgotpwd a,
.register .register-login a,
.forgotpwd .forgot-login a{font-size: 12px;color: #85e9ff;margin-left: 5px;}
/* 注册 */
.register .register-box li.yzm input,
.forgotpwd .forgotpwd-box li.yzm input{width: 50%;}
.register .register-box li.yzm a.getyzm,
.forgotpwd .forgotpwd-box li.yzm a.getyzm{display:inline-block;width:40%;background-color:#f7f5f8;border:1px solid #e1e1e3;width:30%;height:30px;text-align:center;
font-size: 12px; color: #434144; line-height: 30px; margin-left: 2%;vertical-align: middle;}
/* 找回密码 */
.forgotpwd .forgotpwd-box li.btn a.forgot-btn,
.newpwd .newpwd-box li.btn a.newpwd-btn,
.feedback .feedback-box li.btn a.feedback-btn{display:block;width:90%;height:30px;line-height:30px;margin:0 auto;color:#fff;font-size: 14px;background-color: #1087f1;
border-radius: 3px;text-align: center;}
/* 新闻详情页 */
.newsdetail{width: 96%;margin: 10px auto 0;}
.newsdetail h1{font-size: 20px;color: #404040;font-weight: normal;line-height: 26px;margin: 0;}
.newsdetail .date{font-size: 12px; color: #bbb; overflow: hidden; height: 26px; line-height: 26px;width: 100%;}
.newsdetail .date span.author a{color: #bbb;}
.newsdetail .date span.time{margin-left:10px;}
.newsdetail .date span.view-num{background: url(../images/view_icon.png) no-repeat left center; padding-left: 18px;margin-left: 20px;}
.newsdetail .newcontent{font-size: 14px;line-height: 22px;color: #494949;zoom: 1;}
.jiathis_style_m{overflow: hidden;margin-top: 20px;width: 100%;}
.newsdetail .newcontent img,
.newsdetail .correlation_news .newsdetail_ad img {max-width: 100%;}
.newsdetail .correlation_news{margin: 15px 0 40px;}
.newsdetail .correlation_news .newsdetail_ad{position: relative;overflow: hidden;}
.newsdetail .correlation_news .newsdetail_ad a{display: block;}
.newsdetail .correlation_news .newsdetail_ad img{float: left;}
.newsdetail .correlation_news .newsdetail_ad i.img_tips{position: absolute;right: 0; bottom: 0; display: block; background: url(../images/img_adtip.png) no-repeat;
z-index: 9; height: 15px; width: 28px;}
.newsdetail .correlation_news h3,
.video-detail .correlation_video h3{font-size: 16px;color:#0971ce;border-bottom:1px solid #dadada;display:block; height: 30px;line-height:30px;}
.newsdetail .correlation_news ul.list,
.video-detail .correlation_video ul.list{overflow: hidden;zoom: 1;padding: 0;}
.newsdetail .correlation_news ul.list li,
.video-detail .correlation_video ul.list li{list-style-type: none;width: 47%; float: left; margin: 0px 0 10px 0;}
.newsdetail .correlation_news ul.list li:nth-child(2n),
.video-detail .correlation_video ul.list li:nth-child(2n){margin-left: 6%;}
.newsdetail .correlation_news ul.list li a,
.video-detail .correlation_video ul.list li a{display: block;}
.newsdetail .correlation_news ul.list li .pic,
.newsdetail .correlation_news ul.list li .pic img,
.video-detail .correlation_video ul.list li .pic,
.video-detail .correlation_video ul.list li .pic img{width: 100%;}
.newsdetail .correlation_news ul.list li div.text span{display: block;}
.newsdetail .correlation_news ul.list li div.text span.title,
.video-detail .correlation_video li div.text span.title{color: #6c6c6c;background-color: #eeeeee;font-size: 14px;font-weight: normal;text-indent: 0;height: 40px;
overflow: hidden; padding:5px;line-height: 20px;}
.newsdetail .correlation_news ul.list li div.date{font-size: 12px;color: #bbb;text-align: left;}
/* 经纪商首页、经纪商列表页 */
.ib .list-block{margin-bottom: 100px;}
.ibapply .list-block{margin-bottom: 0px;}
.ib-list,
.seach,
.ib-detail .ib-maininfo,
.qna,
.qna-detail,
.qna-user-homepage{width: 96%;margin: 0 auto;}
.seach{overflow: hidden;margin-top: 10px; margin-bottom: 20px;}
.seach input.searchtext{width:80%;border:1px solid #e8e8e8;height:30px;font-size:14px;background: url(../images/search_icon.png) no-repeat 7px center;color: #bbb;
vertical-align: top;text-indent: 25px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;display: inline-block;}
.seach .searchbtn{color: #fff;font-size: 14px;display: inline-block; width: 19%;height: 30px;background-color: #1087f1;vertical-align: top;text-align: center;
border-top-right-radius: 2px; border-bottom-right-radius: 2px; line-height: 30px;}
.ib-list ul li,
.ib-detail .ib-maininfo li{border: 1px solid #dbdbdb;padding: 10px;margin-top: 10px;}
.ib-list ul li.jian{background-color: #faf7fa;}
.ib-list ul li.hot{background-color: #f7f9fa;}
.ib-detail .ib-maininfo li{background-color: #f8f9fb;}
.ib-list ul li a.item-content,
.ib-detail .ib-maininfo li a.item-content{display: block;padding: 0;overflow: hidden;}
.ib-list ul li .pic,
.ib-detail .ib-maininfo li .pic{float: left;width: 40%;border-right: 1px solid #e5e6e8;padding-right: 5%;text-align: left;}
.ib-list ul li.jian .pic,
.ib-list ul li.hot .pic{text-align:center;}
.ib-list ul li .pic h3.name,
.ib-detail .ib-maininfo li .pic h3.name{font-size: 16px;color: #444;margin: 6px 0;}
.ib-list ul li .pic img,
.ib-detail .ib-maininfo li .pic img{width: 110px;height: auto;display: inline-block;border: 1px solid #e5e6e8;}
.ib-list ul li .info,
.ib-detail .ib-maininfo li .info{float: right;width: 50%;}
.ib-list ul li .info span,
.ib-detail .ib-maininfo li .info span{color: #666;font-size: 14px;display: block;height: 24px;line-height: 24px;width: 100%;overflow: hidden;}
.ib-list ul li .info span.rz,
.ib-detail .ib-maininfo li .info span.rz{background: url(../images/ib_icon03.png) no-repeat left center; padding-left: 18px;}
.ib-list ul li .info span.wrz,
.ib-detail .ib-maininfo li .info span.wrz{background: url(../images/ib_icon04.png) no-repeat left center; padding-left: 18px;}
.ib-list ul li .info span.comment-num,
.ib-detail .ib-maininfo li .info span.comment-num{color: #bdbdbd;}
.ib-list ul li .info span.comment-num i,
.ib-detail .ib-maininfo li .info span.comment-num i{font-size: 16px;color: #ff4d4d;font-style: normal;font-weight: bold;display: inline-block;margin-right: 3px;}
.ib-list .hot-iblist ul li a i.ico {position: absolute;left:-7px;top:-6px;display:block;width:48px;height: 49px;color: #fff; font-style: normal; line-height: 35px;
text-indent: 9px;z-index: 99;}
.ib-list .hot-iblist ul li.jian a i.ico {background:url(../images/ib_icon01.png) no-repeat center center;}
.ib-list .hot-iblist ul li.hot a i.ico {background:url(../images/ib_icon02.png) no-repeat center center;}
.ib-list .normal-iblist ul li .pic img{width: 100px;}
/* 经纪商详情页 */
.ib-detail ul{padding: 0;margin:0;}
.ib-detail li{list-style-type: none;}
.ib-detail .ib-maininfo{margin-top:10px;}
.ib-detail .ib-maininfo li .info p{margin:0px;overflow:hidden;}
.ib-detail .ib-maininfo li .info p span{display:inline-block;width:auto;float: left;}
.ib-detail .ib-maininfo li .info p span.dl{color: #fff;background-color: #ff4d4d;font-size:14px;padding:0px 5px;margin-left:5px;}
.ib-detail .intro{width: 92%;margin: 10px auto;font-size: 14px;color: #666;line-height: 20px;}
.ib-detail .official-website{line-height: 22px;}
.ib-detail .official-website span.t,
.ib-detail .official-website a{font-size:14px;color:#007aff;}
.ib-detail .official-website span.t{background:url(../images/ib_icon05.png) no-repeat left center;padding-left: 26px;display: inline-block;}
.ib-detail .ibitem{padding:10px; 2%;border-top: 1px dashed #e2e7ed;}
.ib-detail .ibitem li{font-size: 14px;color: #5b5a51;min-height: 26px;line-height:26px; overflow: hidden;margin-bottom: 10px;}
.ib-detail .ibitem li span.h_title,
.org-detail .org-list .intr span.h_title{display: block;text-indent: 0;padding-left: 26px; float: left;width:24%;}
.ib-detail .ibitem li .text,
.org-detail .org-list .intr span.text{display: inline-block; float: left;text-indent: 0;width: 67%;}
.ib-detail .ibitem li span._country,
.org-detail .org-list .intr span._country{background:url(../images/ib_icon17.png) no-repeat left center;}
.ib-detail .ibitem li span._time,
.org-detail .org-list .intr span._time{background:url(../images/ib_icon18.png) no-repeat 2px center;}
.ib-detail .ibitem li span._supervise{background:url(../images/ib_icon19.png) no-repeat 2px center;}
.ib-detail .ibitem li span._pattern{background:url(../images/ib_icon20.png) no-repeat 2px center;}
.ib-detail .ibitem li span._software{background:url(../images/ib_icon21.png) no-repeat left center;}
.ib-detail .ibitem li span._joinGold{background:url(../images/ib_icon22.png) no-repeat left center;}
.ib-detail .ibitem li span._way{background:url(../images/ib_icon23.png) no-repeat left center;}
.ib-detail .ibitem li span._comeGold{background:url(../images/ib_icon24.png) no-repeat left center;}
.ib-detail .ibitem li span._fca{background:url(../images/ib_icon25.png) no-repeat left center;}
.ib-detail .ibitem li span._breed{background:url(../images/ib_icon26.png) no-repeat left center;}
.ib-detail .ibitem li span._point{background:url(../images/ib_icon27.png) no-repeat left center;}
.ib-detail .ibitem li span._cash{background:url(../images/ib_icon28.png) no-repeat left center;}
.ib-detail .ibitem li span._ea{background:url(../images/ib_icon29.png) no-repeat left center;word-spacing: 2px;letter-spacing: 2px;}
.ib-detail .ibitem li span._proportion{background:url(../images/ib_icon30.png) no-repeat left center;}
.ib-detail .ibitem li span._type{background:url(../images/ib_icon31.png) no-repeat left center;}
.ib-detail .ibitem li span._lever{background:url(../images/ib_icon32.png) no-repeat left center;}
.ib-detail .ibitem li span._pell{background:url(../images/ib_icon33.png) no-repeat left center;word-spacing: 4px;letter-spacing: 4px;}
.ib-detail .ibitem li span._lock{background:url(../images/ib_icon34.png) no-repeat left center;word-spacing: 13px;letter-spacing: 13px;}
.ib-detail .ibitem li span._require{background:url(../images/ib_icon35.png) no-repeat left center;padding-left: 24px;}
.ib-detail .ibitem li span._url,
.org-detail .org-list .intr span._url{background:url(../images/ib_icon36.png) no-repeat left center;}
.ib-detail .ibitem li span._email,
.org-detail .org-list .intr span._email{background:url(../images/ib_icon37.png) no-repeat left center;}
.ib-detail .ibitem li span._tel,
.org-detail .org-list .intr span._tel{background:url(../images/ib_icon38.png) no-repeat left center;}
.ib-detail .ibitem .title{font-size:16px;color:#0b70cc;margin-bottom:10px;}
.ib-detail .ibitem p.innerT{font-size: 14px;color: #f8b551;margin-bottom:10px;}
.ib-detail .ibitem .title span{font-size: 13px;color: #f8b551;margin-left:10px;}
/* 申请代理popup */
.applyib_pop {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 200; display: none;}
.pop_background {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 200; display: none;}
.applyib_pop .main {width: 90%; border-radius: 5px; z-index: 205; position: absolute; border-top: 4px solid #0971ce; background: url(../images/ib_icon07.jpg) repeat-x left center;}
.applyib_pop .main .title {position: relative;text-align: center; padding: 10px 0;}
.applyib_pop .main .title h1{font-size: 16px;color: #0971ce;background: url(../images/ib_icon06.png) no-repeat left center;display: inline-block;padding-left: 55px;
height: 40px;line-height: 40px;}
.applyib_pop .main .title i.close{position: absolute;right: 0px;top: 0px;background: url(../images/ib_icon08.png) no-repeat center center;display:block;height: 24px;
width: 24px; cursor: pointer;}
.applyib_pop .main .con{width:100%;}
.applyib_pop .main .con ul{width:90%;margin:0 auto;padding: 0;}
.applyib_pop .main li{height: 32px;line-height: 32px;margin-bottom: 10px;list-style-type:none;}
.applyib_pop .main li i{font-style: normal;font-size: 14px;color: #ee2424;display: inline-block;margin-left: 5px;}
.applyib_pop .main li input{width: 90%;text-indent: 5px;border: 1px solid #d7d7d7;height: 30px;padding:0;}
.applyib_pop .main li.last{text-align:center;}
.applyib_pop .main li.last input{font-size: 14px;color: #fff;width: 100px;height: 30px;line-height: 30px;text-align: center;background-color: #1087f1;border-radius: 3px;display: inline-block;
cursor: pointer;padding: 0;margin-left:-25px;}
/* 经纪商申请页 */
.ib_apply{width:96%; margin: 20px auto;background:url(../images/apply_bj.jpg) repeat 0 0;border:1px solid #e1e0e1;box-shadow: 0px 5px 30px rgba(14,5,10,0.1);
overflow:hidden;}
.ib_apply h3{height:26px;line-height:26px;margin: 20px auto 30px;background: url(../images/ib_icon10.png) no-repeat left center;display: block;width: 204px;
text-align: center;padding-left: 40px;font-size: 20px;color: #2f2f2f;}
.ib_apply h3 span{font-size: 12px;color:#d50202; display: block;line-height: 20px;margin-left: -20px;width: 100%;}
.ib_apply ul{padding: 0 10px;background: none;}
.ib_apply ul li{margin-bottom: 10px;overflow: hidden;}
.ib_apply ul li span.text,
.ib_apply ul li .sub{float: left;}
.ib_apply ul li span.text{display: block; width: 100%;text-align: left; font-size: 14px; color: #2f2f2f; line-height: 20px; height: 20px; margin-bottom: 5px;}
.ib_apply ul li span.text i{color: #d50202; padding-left: 5px; font-style: normal; font-weight: bold; vertical-align: middle;}
.ib_apply ul li .sub{overflow: hidden;width: 100%;float: left;}
.ib_apply ul li .sub input{width: 98%;height: 28px; border: 1px solid #9e9dad; border-radius: 3px; text-indent: 5px; padding: 0;}
.ib_apply ul li .sub i{float: right;display: block;font-style: normal;color: #f40000;font-size: 18px;width: 20px;text-align: center;margin:10px 0 0;}
.ib_apply ul li .sub select{width: 80%;height: 28px;border: 1px solid #9e9dad;font-size: 14px;background: url(../images/ib_icon11.png) no-repeat 97% center;
color: #404040; text-indent: 5px;}
.ib_apply ul li.logoli img.gslogo{width: 150px;height: 68px;border: 1px solid #e5e4e4;float: left;}
.ib_apply ul li.logoli .sub{width: 100px;margin-left: 10px;}
.ib_apply ul li.logoli .sub span.upbutton{width: 69px;height: 28px;position: relative; display: block;overflow: hidden;}
.ib_apply ul li.logoli .sub input.subinput{width: 69px;height: 28px;position: absolute;left: 0;top: 0;opacity: 0;cursor: pointer;font-size: 200px !important;}
.ib_apply ul li.logoli .sub span.ts{font-size: 12px;color: #666;display: block;margin: 10px 0;}
.ib_apply ul li.logoli .sub a.update{font-size: 12px;background: url(../images/apply_icon02.png) no-repeat left center;width: 69px;height: 28px;
text-align: center;line-height: 28px;color: #3d3d3d;display: block;}
.ib_apply ul li .error{background: url(../images/apply_icon03.png) no-repeat left center;padding-left: 25px;font-size: 12px;color: #e30000;margin-left: 10px;}
.ib_apply ul li.zsli .sub{width: 585px;}
.ib_apply ul li.zsli .sub span{font-size: 12px;color: #3d3d3d;display: inline-block;float: right;height: 38px;line-height: 38px;margin-left: 5px;}
.ib_apply ul li.intro textarea{height: 120px;border:1px solid #9e9dad;border-radius:5px;font-size:14px;color:#404040;line-height: 20px;width: 95%;padding: 10px 5px;
text-indent: 0;}
.ib_apply ul li.two{overflow: hidden;}
.ib_apply ul li.two .sub{width: 154px;}
.ib_apply ul li.two .sub input{width: 131px;}
.ib_apply ul li.terms{color: #2f2f2f; font-size: 12px;height: 20px;line-height: 20px;margin-bottom: 10px;text-align: center;}
.ib_apply ul li.terms input{vertical-align: middle;cursor: pointer;float: none;}
.ib_apply ul li.terms a{margin-left: 5px;text-decoration: underline;}
.ib_apply ul li.btn{text-align: center;}
.ib_apply ul li.btn input{display: inline-block;width: 82px;height: 34px;line-height: 32px;text-align: center;font-size: 14px;cursor: pointer;float: none;}
.ib_apply ul li.btn input.sunmit_btn{color: #fff;background-color: #0971ce;border: 1px solid #0971ce;}
.ib_apply ul li.btn input.reset_btn{color: #595959;border: 1px solid #dbdada;background-color: #fff;}
/* 名家首页、名家列表页 */
.experts{margin-bottom: 100px;}
.experts .experts-list{width:96%;margin:0 auto;}
.experts .experts-list li{overflow:hidden;margin-top:10px;padding-bottom:4px;border:none;border-bottom:1px solid #ebebeb;}
.experts .experts-list li a.item-content{padding:10px 0 10px 10px;position: relative;overflow: hidden;}
.experts .experts-list li .pic,
.experts .experts-list li .info{float:left;min-height:119px;max-height:119px;}
.experts .experts-list li .pic{width:25%;text-align:center;}
.experts .experts-list li .info{width:70%;margin-left:5%;}
.experts .experts-list li .pic span{display:block;text-align:center;}
.experts .experts-list li .pic img.mjtx,
.experts-detail .maininfo img.mjtx{width:60px;height:60px;border-radius:50%;border:2px solid #ddd;}
.experts .experts-list li .pic span.name{color:#5b5a51;font-size:16px;margin-bottom: 5px;line-height:20px;}
.experts .experts-list li .info p{margin: 0;}
.experts .experts-list li .info p.txt{font-size:12px;color:#909395;line-height:20px;height:40px;max-height:40px;width:100%;overflow:hidden;}
.experts .experts-list li .info span.time{display:block;text-align: right;font-size:12px;color:#898989;line-height:26px;}
.experts .experts-list li .pic,
.experts .experts-list li .info{min-height: auto;max-height: auto;}
.experts .experts-list li .pic{width: 30%;}
.experts .experts-list li.hot{box-shadow: 0px 0px 10px rgba(14,5,10,0.1);border:1px solid #ebebeb;padding: 0;}
.experts .experts-list li.hot .pic img.mjtx,
.experts .mj-list li .pic img.mjtx{width: 80px;height: 80px;float: left;}
.experts .experts-list li.hot .pic,
.experts .experts-list li.hot .info,
.experts .mj-list li .pic,
.experts .mj-list li .info{min-height: 84px;max-height: 84px;overflow: hidden;}
.experts .experts-list li.hot .info span.name,
.experts .experts-list li.hot .info span.zhic,
.experts .mj-list li .info span.name,
.experts .mj-list li .info span.zhic{font-size: 16px;color: #404040;font-weight: bold;}
.experts .experts-list li.hot .info span.zhic,
.experts .mj-list li .info span.zhic{display: block;line-height: 20px; margin: 5px 0;}
.experts .experts-list li.hot .info span.zan-btn,
.experts .mj-list li .info span.zan-btn{font-size: 14px;color: #4d4d4d;}
.experts .experts-list li.hot .info span.zan-btn i.num,
.experts .mj-list li .info span.zan-btn i.num{color: #f7941d;font-style: normal;}
.experts .experts-list li.hot .info span.cert,
.experts .mj-list li .info span.cert{display: inline-block;margin: 0 5px;}
.experts .experts-list li.hot .info span.cert img,
.experts .mj-list li .info span.cert img{vertical-align: top;margin-top: 2px;}
.experts .experts-list li.hot i.ico{position: absolute;left: 0;top: 0;display: block;width: 48px;height: 43px;z-index: 99;}
.experts .experts-list li.hot i.jian{background: url(../images/experts_09.png) no-repeat left center;}
.experts .experts-list li.hot i.hot{background: url(../images/experts_10.png) no-repeat left center;}
.experts .experts-list li.mj-type{font-size: 18px;font-weight: bold;color: #fff;text-indent: 14px;padding: 0; margin-bottom: 5px;display: block; border: none;}
.experts .experts-list li.mjtj{background: url(../images/experts_07.png) no-repeat left center;height: 31px;line-height: 31px;}
.experts .experts-list li.mjnews{background: url(../images/experts_08.png) no-repeat left center;height: 43px;line-height: 43px;margin-top: 20px;}
.experts .experts-list li.more-btn,
.ib .more-ib-btn{text-align: center;margin: 13px 0 0 0; padding: 0; border: none;}
.experts .experts-list li.mj-btn a,
.experts .experts-list li.more-btn a.btn,
.ib .more-ib-btn a{width: 50%;display: inline-block;height: 30px;line-height: 30px;font-size: 14px;color: #fff;background-color: #0078d2;
border-radius: 2px;}
.experts .experts-list li.mj-btn a.btn{width: auto;background: url(../images/experts_13.png) no-repeat 7px center #0078d2;}
.experts .experts-list li.mj-btn a{width: auto;display: inline-block;padding:0 5px 0 35px;}
.experts .experts-list li.mj-btn a.into{background: url(../images/experts_11.png) no-repeat 7px center #0078d2;}
.experts .experts-list li.mj-btn a.into_help{background: url(../images/experts_12.png) no-repeat 7px center #0078d2;}
.experts .experts-newlist .item-title-text{margin-bottom: 0;}
.experts .mj-list li{padding: 0;}
.ib .more-ib-btn a{width: 123px;padding: 0 10px;}
.ib .more-ib-btn a.apply-ib-btn{display: inline-block;width: auto;background: url(../images/ib_icon09.png) no-repeat 10px center #0078d2;background-size: 20px 20px;
padding: 0 10px 0 35px;}
/* 名家详情页 */
.experts-detail .maininfo,
.experts-detail .experts-newlist{width: 96%;margin: 0 auto;}
.experts-detail .maininfo{margin:10px auto 15px; border: 1px solid #e7e7e7; box-shadow: 0px 0px 10px rgba(14,5,10,0.1);padding: 10px 0;}
.experts-detail .maininfo .itemtop{overflow: hidden;}
.experts-detail .maininfo .pic,
.experts-detail .maininfo .info{float: left;}
.experts-detail .maininfo .pic{width: 25%;text-align: center;}
.experts-detail .maininfo .pic .operation{margin:0 0 5px 0;}
.experts-detail .maininfo .pic .operation a.zan-btn,
.experts .experts-list li.hot .info span.zan-btn,
.experts .mj-list li .info span.zan-btn{font-size:14px;color: #929292;background: url(../images/experts_03.png) no-repeat left center;padding-left:16px;}
.experts-detail .maininfo .pic .operation a.zan-btn i.num{font-style: normal;color: #f7941d; font-size: 14px;}
.experts-detail .maininfo .pic .operation a.fans{background: url(../images/experts_04.png) no-repeat 2px center; display: inline-block; height: 20px; font-weight: 100;
font-size: 12px; border: 1px solid #128efb; color: #128efb; padding: 0 3px 0 19px; border-radius: 2px; line-height: 20px; vertical-align: top; margin-top: 5px;}
.experts-detail .maininfo .info{width: 70%;margin-left: 5%;}
.experts-detail .maininfo .info span{display: block;line-height: 26px;}
.experts-detail .maininfo .info span.name,
.experts-detail .maininfo .info span.zhic{font-size: 16px;color: #404040;font-weight: bold;}
.experts-detail .maininfo .info span.company,
.experts-detail .maininfo .info span.school{font-size: 14px;color: #929292;padding-left: 16px;}
.experts-detail .maininfo .info span.company{background: url(../images/experts_05.png) no-repeat 1px center;}
.experts-detail .maininfo .info span.school{background: url(../images/experts_06.png) no-repeat left center;}
.experts-detail .maininfo .text{font-size: 14px;color: #666;line-height: 22px;width: 96%;padding-top: 5px;border-top:1px solid #ebebeb;margin: 5px auto 0;}
.experts-detail .experts-newlist{margin-top: 15px;}
.experts-detail .experts-newlist .mjgd-item-title{font-size: 16px;color: #3e3a39;text-align: left;line-height: 26px;font-weight: bold;}
.experts-detail .experts-newlist .list-block{margin-bottom: 87px;}
.experts-detail .list-block.media-list .item-link .item-inner{padding-right: 5px;}
.experts-detail .experts-newlist li a{padding: 0;}
/* 各详情页面头部返回 */
.each-detail-page{margin-top: 44px;}
/* 名家申请 */
.apply_wrap{width: 96%; margin: 20px auto;overflow: hidden;background: url(../images/apply_bj.jpg) repeat 0 0;box-shadow: 0px 5px 30px rgba(14,5,10,0.1);
border: 1px solid #e1e0e1;}
.apply_wrap h3{height: 34px;line-height: 34px;margin: 20px auto 30px;background: url(../images/apply_icon01.png) no-repeat 0 0; display: block;
padding-left: 44px; width: 174px;}
.apply_wrap ul{padding: 0 10px;margin: 0;}
.apply_wrap ul li{margin-bottom: 10px; overflow: hidden;}
.apply_wrap ul li span.text{display: block; width: 100%;text-align: left; font-size: 14px; color: #2f2f2f; line-height: 20px; height: 20px;
margin-bottom: 5px;}
.apply_wrap ul li span.des{color: #484646; font-size: 14px;}
.apply_wrap ul li span.text i{color: #d50202;padding-left: 5px; font-style: normal; font-weight: bold; vertical-align: middle;}
.apply_wrap ul li.headPhoto span.text{display: inline-block;width: 42px;vertical-align: middle;margin: 10px 0 0 0;}
.apply_wrap ul li.headPhoto a.head_img{display: inline-block;vertical-align: middle;}
.apply_wrap ul li.headPhoto a.head_img img{border-radius: 50%;width: 100px;height: 100px;float: left;}
.apply_wrap ul li.headPhoto .sub{display: inline-block; vertical-align: middle; margin-left: 5px;}
.apply_wrap ul li.headPhoto .sub span.ts {font-size: 12px; color: #666;display: block; margin: 0px 0 15px;}
.apply_wrap ul li.headPhoto .sub span.upbutton{width: 69px;height: 28px;position: relative;display: block; overflow: hidden;}
.apply_wrap ul li.headPhoto .sub a.update{font-size: 12px;background: url(../images/apply_icon02.png) no-repeat left center;width: 69px;height: 28px;
text-align: center;line-height: 28px; color: #3d3d3d; display: block;text-decoration: none;}
.apply_wrap ul li.headPhoto .sub input{width:69px;height:28px;position:absolute;left:0;top:0;opacity:0;cursor:pointer;font-size:200px!important;}
.apply_wrap ul li a{font-size: 14px;text-decoration: underline;}
.apply_wrap ul li a.inset_img{color: #0971ce; margin: 0 15px 0 35px;}
.apply_wrap ul li a.update_img{color: #111;}
.apply_wrap ul li input,
.apply_wrap ul li textarea{float: left;width: 98%; height: 28px; border: 1px solid #9e9dad; border-radius: 3px; text-indent: 5px;padding: 0;}
.apply_wrap ul li textarea{height: 260px;width: 95%;padding: 10px 5px;text-indent: 0;line-height: 20px;}
.apply_wrap ul li.terms{height: 22px;line-height: 22px;font-size: 14px;text-align: center;}
.apply_wrap ul li.terms input{width: 12px; height: 13px; vertical-align: middle; margin: 0px 5px 0 0px;cursor: pointer; float: none;}
.apply_wrap ul li.terms a{font-size: 14px; color: #0078d2;}
.apply_wrap ul li.btn{text-align: center; width: 100%;text-align: center;}
.apply_wrap ul li.btn input{width: 80px; height: 34px; text-align: center; line-height: 32px;font-size: 14px;cursor: pointer;text-indent: 0;float: none;}
.apply_wrap ul li.btn input.sunmit_btn{margin-right: 15px; background-color: #0971ce; color: #fff;}
.apply_wrap ul li.btn input.reset_btn{color: #595959; background-color: #fff;}
/* 直播栏目 */
.live-part{position: relative;}
.live-part-nav{text-align: center;padding: 10px 0;background-color: #fff;width: 100%;z-index: 99;}
.live-part-nav a{display: inline-block;padding: 5px 20px;font-size: 12px;color: #404040;border: 1px solid #e2e8ed;border-radius: 3px;}
.live-part-nav a.selected{background-color: #1087f1;color: #fff;border: 1px solid #1087f1;}
.econ_data,
.live{margin: 0 auto;position: relative;}
.econ_data .search,
.live .toptitle{background-color: #fff;width: 96%;overflow: hidden; position: static; left: 0; top: 0px; z-index: 999;margin: 0 auto;}
/* 财讯直播 */
.live .toptitle span.time{color:#404040;font-size:14px;display:block;background:url(../images/calendar.png) no-repeat 0px center;line-height:30px;font-weight: bold;
padding:0px 0 0px 25px;}
.live .loading{text-align: center;margin: 5px 0;}
.live .content ul.list{padding-top: 17px;overflow: hidden;width: 100%;margin: 0;}
.live .content ul.list li {width: 94%; border-left: 1px dotted #e2e8ed; border-top: 1px dotted #e2e8ed; position: relative;padding: 30px 0 40px 10px;margin: 0 auto;}
.live .content ul.list li.last{border-bottom: 1px dotted #e2e8ed;}
.live .content ul.list li .tip{position: absolute; top: -17px; height: 34px; line-height: 34px;width: 100%;left: 0;}
.live .content ul.list li .tip i.timeicon{background: url(../images/mlive_icon01.png) no-repeat center center;width: 34px;height: 34px;display: inline-block;
position: absolute;left: -8px;}
.live .content ul.list li .tip span.time{display: inline-block;padding: 0 5px;background-color: #f5f6f7;border-radius: 5px;font-size: 20px;color: #565656;
position: absolute;right: 0px;}
.live .content ul.list li .livenews_list_li{font-size: 16px;line-height: 24px;color: #565656;}
.live .content ul.list li.red .livenews_list_li{color: #e83434;}
.live .content ul.list li.calendar .calendarnews_li h3{font-size: 16px;color: #565656;}
.live .content ul.list li.calendar .calendarnews_li div.title{margin: 5px 0;}
.live .content ul.list li.calendar .calendarnews_li div.title p{width: 100%;color: #888;font-size: 14px;line-height: 32px;overflow: hidden;}
.live .content ul.list li.calendar .calendarnews_li div.title span{font-weight: bold;}
.live .content ul.list li.calendar .calendarnews_li span.green{color: #68b844;}
.live .content ul.list li.calendar .calendarnews_li span.red{color: #e83434;}
.live .content ul.list li.calendar .calendarnews_li div.title p img{width: 32px;height: 32px;display: inline-block;float: right;}
.live .content ul.list li.calendar .calendarnews_li div.zhishu{overflow: hidden;}
.live .content ul.list li.calendar .calendarnews_li div.zhishu img{/*width: 35%;*/}
.live .content ul.list li.calendar .calendarnews_li div.zhishu span{padding: 2px 5px;display: block;float: right;font-size: 14px}
.live .content ul.list li.calendar .calendarnews_li div.zhishu span.green{border: 1px solid #68b844;}
.live .content ul.list li.calendar .calendarnews_li div.zhishu span.red{border: 1px solid #e83434;}
/* 财经日历 */
.econ_data .search ul{overflow: hidden;}
.econ_data .search ul li{float: left;width: 14.28%;text-align: center;padding: 5px 0;}
.econ_data .search ul li span{display: block;color: #404040;}
.econ_data .search ul li.selectd{background-color: #1087f1;}
.econ_data .search ul li.selectd span{color: #fff;}
.econ_data .search ul li span.week{font-size: 12px;}
.econ_data .search ul li span.num{font-size: 14px;font-weight: bold;}
.econ_data .list{margin-top: 10px;}
.econ_data .list li{width: 96%;margin: 0 auto;border: 1px solid #dadada;margin-bottom: 10px;border-radius: 3px;position: relative;}
.econ_data .list li .info{margin:10px 0 10px 1%;}
.econ_data .list li .info img{width: 32px;height: 32px; vertical-align: middle;}
.econ_data .list li .info span.title{font-size: 14px;display: inline-block;line-height: 20px;width: 71%;margin-left: 1%;vertical-align: middle;}
.econ_data .list li.red .info span.title{color:#FF0000;}
.econ_data .list li .data{border-top: 1px solid #dadada;line-height: 22px;}
.econ_data .list li .data span{font-size: 12px;vertical-align: top;}
.econ_data .list li .data span.red{color: #FF0000;font-weight: bold;}
.econ_data .list li .data span.green{color: #008000;font-weight: bold;}
.econ_data .list li .data span.jz{margin-left: 1%;}
.econ_data .list li .data span.qz,
.econ_data .list li .data span.yc{margin-left: 3%;}
.econ_data .list li .data span.star{float: right;line-height: 18px;margin: 2px 5px 0 0;}
.econ_data .list li .state{position: absolute;right: -2px;top:7px;background-color:#1087f1;width:40px;text-align:center;font-size:12px;padding:3px;color: #fff;}
.econ_data .list li.end .state{background-color: #ccc;color: #666;}
/* 友财视讯 */
.video-listpage .list-block{margin-bottom: 139px;}

.video-type{line-height: 30px;height: 30px;margin-bottom: 8px;}
.video-listpage{margin-top: 0;}
.video-page{margin-top: 0px;background-color: #fff;}
.video .vmain-list ul{width: 96%;margin: 0 auto;}
.video .vmain-list li{margin-bottom: 10px;}
.video .vmain-list li{display: block;}
.video .vmain-list li h1{font-size: 16px;font-weight: bold;color: #0b0b0b;margin: 0 0 5px 0;}
.video .vmain-list li img{width: 100%;height: auto; max-width: 100%;display: block;}
.video .vmain-list li .operation{overflow: hidden;background-color: #f5f5f5;line-height: 32px;}
.video .vmain-list li .operation span{display: inline-block;font-size: 12px;color: #363636;padding-left: 21px;float: left;}
.video .vmain-list li .operation span.time{background: url(../images/video_icon02.png) no-repeat left center;background-size: 16px; margin-left: 5px;}
.video .vmain-list li .operation span.count{background: url(../images/video_icon03.png) no-repeat left center;background-size: 16px; margin-left: 10px;}
.video .vmain-list li .operation span.review{float: right;margin-right: 5px;background: url(../images/video_icon04.png) no-repeat left center;background-size: 16px;}
/* 视讯详情页 */
.video-detail{margin-top: 10px;}
.video-detail h1{width: 98%;margin: 0 auto 5px; font-size: 16px;line-height: 22px;color: #0b0b0b;text-align: center;}
.video-detail .video-play{overflow: hidden;}
.video-detail .video-play img{width: 100%;height: auto; max-width: 100%;float: left;}
.video-detail .video-info{background-color: #f1f1f1;padding: 5px 0;}
.video-detail .video-info .info-share .share-info{overflow: hidden;line-height: 20px;}
.video-detail .video-info .info-share .share-info a{padding-left: 20px;margin-left: 10px;font-size: 14px;color: #363636;display: inline-block;float: left;}
.video-detail .video-info .info-share a.zan{background: url(../images/video_icon09.png) no-repeat left center;}
.video-detail .video-info .info-share a.play-count{background: url(../images/video_icon08.png) no-repeat left center;}
.video-detail .video-info .info-share a.review,
.video-detail .video-info .info-share a.collect{float: right;}
.video-detail .video-info .info-share a.review{background: url(../images/video_icon07.png) no-repeat left center;margin-right: 10px;}
.video-detail .video-info .info-share a.collect{background: url(../images/video_icon06.png) no-repeat left center;}
.video-detail .video-info .info-share .jiathis_style{margin-top: 10px;overflow: hidden;padding-left: 10px;}
.video-detail .video-info .info-share .jiathis_style_m span.jiathis_txt{font-size: 14px;display: inline-block;}
.video-detail .video-info span.line{display: block;width: 100%;height: 2px;background: url(../images/video_icon10.jpg) repeat-x left center;margin: 10px 0;}
.video-detail .video-info .text_introduce,
.video-detail .correlation_video{width: 96%;margin: 0 auto;}
.video-detail .video-info .text_introduce p{font-size: 14px;line-height: 22px;color: #454545;margin: 0;}
.video-detail .video-info .text_introduce span.name{color: #909090;}
.video-detail .correlation_video li div.text{overflow: hidden;}
.video-detail .correlation_video li div.text span.title{display: block;}
.video-detail .correlation_video li div.text span.date,
.video-detail .correlation_video li div.text span.play-count{float: left;font-size: 12px;color: #bbb;display: inline-block;padding-left: 17px;line-height: 22px;}
.video-detail .correlation_video li div.text span.date{background: url(../images/video_time.png) no-repeat left center;}
.video-detail .correlation_video li div.text span.play-count{background: url(../images/video_play.png) no-repeat left center;margin-left: 10px;}
/* 机构专栏 */
.org,
.org-detail .org-list{width: 96%;margin: 0 auto 20px;}
.org .org-list ul{margin: 0;padding: 0;}
.org .org-list li{box-shadow: 0px 0px 4px rgba(14,5,10,0.1);border: 1px solid #ebebeb;padding: 8px; margin: 5px auto 10px; width: 99%;}
.org .org-list li .name{overflow: hidden;background: url(../images/institution_01.png) no-repeat left center;background-size: 22px;padding-left: 27px;line-height: 22px;
margin-bottom: 8px;}
.org .org-list li .name a{font-size: 16px;color: #404040;font-weight: bold;display: block;background: url(../images/institution_02.png) no-repeat right center;}
.org .org-list li .org-news a{font-size: 12px;color: #454545;line-height: 20px;display: block;}
.org .org-list li .org-news a span.xnew{font-size: 12px;color: #ff3332; margin-left: 10px;display: inline-block;}
/* 机构专栏详情页 */
.org-detail .org-info{margin: 10px 0 20px;}
.org-detail .org-list .introduce img{margin: 0 auto; display: block;max-width: 275px;width: 275px;}
.org-detail .org-list .introduce span.name{font-size: 16px;color: #404040;font-weight: bold;display: block;line-height: 22px;margin: 8px 0;}
.org-detail .org-list .introduce p{line-height: 22px;font-size: 14px;color: #7c7c7c;line-height: 22px;margin: 0;}
.org-detail .org-list .intr p{margin: 10px 0 0px 0;overflow: hidden;}
.org-detail .org-list .intr p span{font-size: 14px;color: #5b5a51;min-height: 26px; line-height: 26px; }
.org-detail .org-list span.orglist-title{display: block;width: 100%;font-size: 16px;color: #333;font-weight: bold;border-top: 2px solid #0971ce;padding-top: 3px;}
.org-detail .org-list ul.list li{padding: 10px 0;border-bottom: 1px dashed #999;}
.org-detail .org-list ul.list li a{display: block;padding: 0;}
.org-detail .org-list ul.list li h1{font-size: 14px;color: #404040;font-weight: normal;line-height: 22px; margin: 0 0 5px 0;}
.org-detail .org-list ul.list li .data{height: 22px;line-height: 22px;}
.org-detail .org-list ul.list li .data span{font-size: 12px;color: #bbb;display: inline-block;}
.org-detail .org-list ul.list li .data span.review{background: url(../images/view_icon.png) no-repeat left center;padding-left: 18px;margin-left: 10px;}
/* 投资问答 */
.qna .list-block{margin-bottom: 95px;}
.qna .seach,
.qna .expertsNum,
.qna .wel_join{margin-bottom: 10px;}
.qna .expertsNum{text-align: center;color: #404040;font-size: 14px;}
.qna .expertsNum .num{color: #fa8700;font-size: 18px;display: inline-block;margin: 0 3px;}
.qna .wel_join a.freeQue {display: block;width: 173px;height: 66px;margin: 0 auto 5px;background: url(../images/qna_icon01.png) no-repeat 18px center #4c8cd9;
padding-left: 80px; border-radius: 3px;font-size: 12px; color: #a5edff;}
.qna .wel_join a.freeQue span{color: #fff;font-size: 20px;padding-top: 10px;line-height: 26px;display: block;}
.qna .wel_join p{margin: 0;}
.qna .wel_join p span{display: block;padding: 12px 15px;border-bottom:1px dashed #bfbfbf;font-size: 14px;color: #404040; height: 44px; line-height: 44px;
padding-left: 70px;}
.qna .wel_join p span.l1{background: url(../images/qna_icon02.png) no-repeat 15px center;}
.qna .wel_join p span.l2{background: url(../images/qna_icon03.png) no-repeat 15px center;}
.qna .wel_join p span.l3{background: url(../images/qna_icon04.png) no-repeat 15px center;}
.askquestion .markedText{display: block; font-size: 16px; color: #404040; margin-bottom: 10px; background-color: #f1f1f1; line-height: 30px; text-indent: 5px;}
.askquestion .subinfo .addDetail {overflow: hidden; margin: 5px 0; font-size: 12px; text-align: right; padding-right: 1%;color: #404040;}
.askquestion .subinfo textarea,
.qna-detail .aUpdate textarea.supplement{width: 99%;font-size: 14px; color: #333; padding: 5px; height: 50px; line-height: 20px; border: 1px solid #4c8cd9;}
.askquestion .subinfo textarea.supplement{height: 70px;display: none;}
.askquestion .subinfo .class {overflow: hidden;line-height: 26px; margin: 10px 0;}
.askquestion .subinfo .class span,
.askquestion .subinfo .class select {float: left; font-size: 14px;}
.askquestion .subinfo .class select {margin-left: 10px; width: 130px; height: 26px; border: 1px solid #ccc; font-size: 14px; color: #404040;text-indent: 5px;
background: url(../images/ib_icon11.png) no-repeat 97% center;}
.askquestion .subinfo .btn {overflow: hidden; padding-right: 2%;}
.askquestion .subinfo .btn a,
.qna-detail .aUpdate a.submit{float: right;display: block; width: 115px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff;
background-color: #4c8cd9;}
.qnalist{margin-top: 20px;}
.qnalist .menu{height: 30px;width: 100%;line-height: 30px;border-bottom: 1px solid #e1e1e1; background-color: #f7f9fa;}
.qnalist li{padding: 10px 0;border-bottom: 1px solid #dadada;}
.qnalist li h3{margin: 0;line-height: 20px;}
.qnalist li h3 a{font-size: 14px;color: #666;padding-left: 30px; margin-right: 10px;display: block;}
.qnalist li h3 a.q,
.qna-detail .issue .qtext span.q{background: url(../images/qna_icon05.png) no-repeat left center;}
.qnalist li h3 a.d,
.qna-detail .issue .qtext span.d{background: url(../images/qna_icon06.png) no-repeat left center;}
.qnalist li .data,
.qna-detail .issue .data{line-height: 20px;overflow: hidden;margin-top: 5px;}
.qnalist li .data span,
.qna-detail .issue .data span{font-size: 12px;color: #999;display: inline-block;padding-left: 15px;margin-left: 10px;float: left;}
.qnalist li .data span a,
.qna-detail .issue .data span a{font-size: 12px;color: #999;display: inline-block;}
.qnalist li .data span.quizzer{background: url(../images/qna_icon07.png) no-repeat left center;}
.qnalist li .data span.viewnum,
.qna-detail .issue .data span.viewnum{background: url(../images/view_icon.png) no-repeat left center;}
.qnalist li .data span.answerNum,
.qna-detail .issue .data span.answerNum{background: url(../images/qna_icon08.png) no-repeat left center;}
.qnalist li .data span.time,
.qna-detail .issue .data span.time{background: url(../images/qna_icon09.png) no-repeat left center;}
/* 搜索结果页 */
.qna-seach-list .seach-result-text{font-size: 14px;color: #404040;}
.qna-seach-list .seach-result-text span{color: #ed3434;margin: 0 3px;display: inline-block;}
.qna-seach-list .seach-result-text span.txt,
.qna-seach-list .seach-result-text span.num{font-size: 18px;font-weight: bold;}
.qna-seach-list .qnalist{margin-top: 10px;}
/* 问题详情页 */
.qna-detail .list-block{margin-bottom: 55px;}
.qna-detail .issue{margin-top: 10px;}
.qna-detail .issue .qtext{font-size: 14px;color: #404040;line-height: 20px;overflow: hidden;}
.qna-detail .issue .qtext span{display: block;vertical-align: top;float: left;}
.qna-detail .issue .qtext span.q,
.qna-detail .issue .qtext span.a{width: 20px;height: 20px;margin-right: 5px;}
.qna-detail .issue .qtext span.txt{width: 91%;}
.qna-detail .issue .supplement-text{margin-top:5px;font-size: 12px;color: #696969;line-height: 18px;}
.qna-detail .issue .supplement-text span{display: inline-block;}
.qna-detail .issue .data span.viewnum{margin-left: 0;}
.qna-detail .aUpdate{margin: 10px 0;overflow: hidden;}
.qna-detail .aUpdate textarea.supplement{height: 70px;display: block;}
.qna-detail .aUpdate a.submit{margin: 5px 5px 0 0;}
.answer-list .answer-title{border-top: 1px solid #dadada;font-size:14px;color: #404040; height: 30px; line-height: 30px;display: block;}
.answer-list .answer-title .num{color: #4c8cd9;font-style: normal;}
.answer-list ul li{overflow: hidden;padding: 10px 0; border-bottom: 1px dashed #dfdfdf;}
.answer-list .left{float: left;width: 20%;margin-right: 2%;text-align: center;}
.answer-list .right{float: left;width: 78%;}
.answer-list .left a.img{display: block;}
.answer-list .left a.img img{width: 48px;height: 48px;border-radius: 50%;}
.answer-list .left span.level{display: block;text-align: center; margin-top: 10px;font-size: 14px;color: #ff585b;}
.answer-list .right .line1,
.answer-list .right .line3{overflow: hidden;}
.answer-list .right .line1{line-height: 20px;}
.answer-list .right .line1 span{display: inline-block;}
.answer-list .right .line1 span.name{font-size: 14px; color: #4c8cd9;}
.answer-list .right .line1 span.time{color: #999;float: right;font-size: 12px;}
.answer-list .right .line2{font-size: 12px;line-height: 18px;color: #404040;margin: 0;}
.answer-list .right .line3 a.zan{background: url(../images/experts_03.png) no-repeat 5px center;padding: 0 5px 0 20px;border-color: #dadada; float: right;
margin-right: 10px;color: #999; cursor: pointer;font-size: 12px;}
/* 投资问答用户主页 */
.qna-user-homepage .user-info{margin: 10px 0;}
.qna-user-homepage .user-info .information{overflow: hidden;}
.qna-user-homepage .user-info .information .head-img{float: left;width: 33%;margin-right: 2%;text-align: center;}
.qna-user-homepage .user-info .information .head-img img{width: 90px;height: 90px;border-radius: 50%;border: 3px solid #ddd;}
.qna-user-homepage .user-info .information .info-txt{float: left;width: 65%;}
.qna-user-homepage .user-info span{height: 22px; line-height: 22px;}
.qna-user-homepage .user-info .line1 span{color: #404040;font-size: 14px; display: inline-block;}
.qna-user-homepage .user-info .line1 span.name{display: block;margin: 5px 0 5px;overflow: hidden;}
.qna-user-homepage .user-info .line1 span.name i.cert{margin-left: 10px;display: inline-block; vertical-align: top;line-height: 22px; height: 22px;}
.qna-user-homepage .user-info .line1 span.name i.cert img{margin-top: 2px;}
.qna-user-homepage .user-info .line1 span.post{font-size: 14px;}
.qna-user-homepage .user-info .line1 a.zan{display:inline-block;float: right;font-size: 12px; color:#929292;padding-left: 15px;
background: url(../images/experts_03.png) no-repeat left center;}
.qna-user-homepage .user-info .line2 span{font-size: 12px;display: inline-block; padding-left: 18px; color: #929292;display: inline-block;}
.qna-user-homepage .user-info .line2 span.company{background: url(../images/experts_05.png) no-repeat left center;}
.qna-user-homepage .user-info .line2 span.school{background: url(../images/experts_06.png) no-repeat left center;margin-left: 5px;}
.qna-user-homepage .user-info .description{font-size: 14px;line-height: 20px;color: #666;}
.qna-user-homepage .user-qna-list .menu{border-bottom: 1px solid #dadada;overflow: hidden;}
.qna-user-homepage .user-qna-list .menu a{font-size: 14px;padding: 5px 13px;display: inline-block;color: #404040; cursor: pointer;}
.qna-user-homepage .user-qna-list .menu a.selected {border-bottom: 2px solid #0971ce; color: #0971ce;}
.qna-user-homepage .user-qna-list .answer-list,
.qna-user-homepage .user-qna-list .qnalist{display: none;margin-top: 0;}
.qna-user-homepage .user-qna-list .qnalist li{border-bottom: 1px dashed #dfdfdf;}
/* member首页 */
.member{background-color: #f0eff5;}
.member .user-top{background:url(../images/user_top.png) no-repeat center center #fff;text-align: center;padding: 30px 0;background-size: 100%;}
.member .user-top img{width: 100px;height: 100px;border-radius: 50%;border: 2px solid #adbdca;}
.member .user-list ul,
.member .user-list .exit{background-color: #fff;margin-top: 20px;}
.member .user-list ul,
.member .user-list .exit{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.member .user-list ul li{line-height: 34px;border-bottom: 1px solid #e6e6e6;width: 95%;margin: 0 auto;}
.member .user-list ul li:last-child{border: none;}
.member .user-list ul li a{font-size: 14px;color: #4a4a4a;display: block;background: url(../images/go.png) no-repeat 98% center;text-indent: 2px;}
.member .user-list .exit{text-align: center;}
.member .user-list .exit a{display:block;width: 100%;text-align: center;color: #4a4a4a;font-size: 14px;line-height: 34px;}
/* 意见反馈 */
.feedback .feedback-box li textarea{width:87%;max-width:87%;border:1px solid #e1e1e3;height: 30px;padding:5px;margin: 0;border-radius: 3px;vertical-align: middle;
line-height: 20px;height: 110px;}
/* 无工具栏页面驱除工具栏填充 */
/*返回顶部*/
.upscroller {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: -webkit-transform 0.5s;
	position: fixed;
	right:3%;
	bottom:-2rem;
	z-index:9999 !important;
	height: 2.482rem;
	width:2.482rem;
	background:url(../images/pic18.png) no-repeat;
	background-size:2.482rem 2.482rem;
	cursor: pointer;
}

.upscroller.show {
	-webkit-transform: translate3d(0,-7rem,0);
	transform: translate3d(0,-7rem,0);
}
.navbar{color: #333}