.div1 {
  height: 120px
}

.div1 a {
  width: 95%;
  height: 100px;
  text-decoration: none;
  padding-top: 10px;
  display: block
}

.div1 .c1 {
  background: #f24143
}

.div1 a .img {
  width: 94px;
  padding: 0 0 0 24px;
  float: left
}

.div1 a .img em {
  height: 24px;
  line-height: 24px;
  display: block;
  color: #fff;
  font-size: 14px;
  padding: 5px 0 0
}

.div1 .count {
  height: 80px;
  line-height: 80px;
  font-size: 50px;
  color: #fff;
  text-align: center;
  display: block
}

.c1:hover {
  background: #f85152
}

.c2 {
  background: #f2ae43
}

.c3 {
  background: #28b779
}

.c2:hover {
  background: #f7ba59
}

.c3:hover {
  background: #2dbf80
}

.div1 img {
  width: 60px;
  height: 60px
}

.div1 .c2 .count {
  font-size: 30px
}

.div1 .c3 .date-text {
  display: block;
  line-height: 80px;
  color: white;
  margin-right: 8px;
  font-size: 30px
}

.div1 .index-module.m2 a {
  margin-left: auto;
  margin-right: auto
}

.div1 .index-module.m3 a {
  float: right
}

.div1 .index-module {
  width: 33.333333%;
  width: 33%\9;
  float: left
}

.c4 {
  background: #bf561d
}

.div1 .c4 .version-text {
  height: 80px;
  line-height: 80px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  display: block
}

.div2 {
  margin-top: 20px
}

.tit1 {
  height: 75px;
  overflow: Hidden;
  border-bottom: 1px solid #e5d8d8;
  width: 100%
}

.tit1 h1 {
  padding-left: 80px;
  height: 69px;
  line-height: 69px;
  font-size: 24px;
  font-weight: normal;
  color: gray;
  width: 210px;
  float: left;
  background: url(../images/user_information.png) 0 0 no-repeat
}

.cont {
  width: 100%;
  padding: 10px 0 0;
  overflow: Hidden
}

.index_message_left dt {
  width: 130px !important;
  padding-right: 0 !important
}

.message {
  width: 300px;
  float: left;
  overeflow: Hidden
}

.index_message_right {
  width: 310px;
  margin-right: 50px;
  float: right
}

.message dl {
  width: 100%;
  color: #565656;
  font-size: 16px;
  margin-top: 10px
}

.message dt {
  width: 80px;
  height: 26px;
  float: left;
  text-align: right
}

.div2 .tel {
  margin-left: 20px;
  line-height: 16px;
  font-size: 15px;
  display: inline-block;
  border: 1px solid #9fd8f1;
  border-radius: 15px;
  padding: 5px;
  text-decoration: none;
  cursor: pointer;
  float: right
}

.div2 .tel_number {
  display: inline-block;
  font-size: 16px
}

.div2 .left_dt {
  text-align: left;
  padding-left: 50px
}

.follow-weixin {
  font-size: 16px;
  color: #f2ae43;
  font-weight: bold
}

.offical-qq {
  font-size: 16px;
  color: #f24143;
  font-weight: bold;
  float: right;
  padding-right: 10px
}

.div3 .tit1 h1 {
  background: url(../images/index_news.png) 0 0 no-repeat;
  width: initial !important
}

.tit1 .dep {
  width: 62%;
  max-width: 330px;
  float: right;
  text-align: right;
  padding: 16px 0 0
}

.charge,.btn_manage {
  width: 146px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #03c2fa;
  font-size: 24px;
  color: #fff;
  font-family: "方正细圆简体";
  display: inline-block;
  text-decoration: none
}

.charge,.btn_manage:hover {
  background: #1bc6f8;
  text-decoration: none;
  color: #fff
}

.charge,.btn_manage:visited,.charge,.btn_manage:active,.btn_manage:focus {
  text-decoration: none;
  color: #fff
}

.buy_charge {
  background: #f2ae43
}

.buy_charge:hover {
  background: #f7ba59
}

.dep .btn_preview {
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  color: #03c2fa;
  font-size: 16px;
  margin-right: 10px
}

.free_search {
  z-index: 99999;
  width: 300px;
  position: fixed;
  bottom: 40px;
  left: -352px;
  background: #fff;
  height: 53px;
  overflow: Hidden
}

.htDiv {
  width: 100%;
  height: 53px;
  background: #04b2e5;
  color: #fff;
  overflow: hidden;
  font-family: 微软雅黑
}

.htDiv .span_tel {
  width: 40px;
  padding: 7px 0 0 12px;
  display: block;
  float: left;
  cursor: pointer
}

.htDiv .span_theme {
  width: 176px;
  color: white;
  height: 20px;
  line-height: 20px;
  padding: 18px 0 0 22px;
  float: left;
  display: block;
  font-size: 16px
}

.htDiv .close_btn {
  float: right;
  margin-right: 10px;
  width: 23px;
  height: 53px;
  background: url(../images/zx_close.png) 0 center no-repeat
}

.zx_nr {
  width: 100%;
  overflow: Hidden
}

.f_step1 {
  width: 260px;
  overflow: Hidden;
  margin-left: auto;
  margin-right: auto;
  text-align: left
}

.f_step2 {
  width: 203px;
  margin-top: 15px;
  overflow: Hidden;
  margin-left: auto;
  margin-right: auto;
  display: none
}

.zx_nr p {
  text-align: center;
  color: #a9a9a9;
  font-size: 12px;
  line-height: 18px;
  font-family: '宋体';
  letter-spacing: .1em;
  padding: 10px 0 16px
}

.f_step1 dl {
  width: 324px;
  min-height: 40px;
  overflow: Hidden;
  padding: 0 0 7px
}

.f_step1 dl dt {
  width: 324px;
  overflow: Hidden
}

.f_step1 dl dt .i_txt,.f_step1 dl dt .i_txt1 {
  width: 296px;
  padding: 0 5px;
  border: solid 1px #bdc7d8;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  font-family: '宋体'
}

.f_step1 dl dt img {
  clear: right;
  width: 66px;
  height: 30px
}

.f_step1 dl dt .i_txt1 {
  width: 140px;
  float: left;
  margin-right: 7px
}

.btn_zixun:hover {
  text-decoration: none;
  color: white
}

.btn_zixun {
  margin: auto
}

.btn_zixun,.btn_cancel {
  width: 167px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #26a3cf;
  border: 0;
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: 微软雅黑
}

.SearchClsHtBox {
  margin-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
  height: 68px;
  padding-left: 30px
}

.SearchClsHtBox h2 {
  float: left;
  font-weight: bold;
  font-size: 14px;
  line-height: 45px;
  cursor: pointer;
  padding: 0 8px;
  margin-right: 30px;
  position: relative;
  top: 1px;
  display: inline;
  border-bottom: 2px solid white
}

.SearchClsHtBox h2.SearchClsHtAc {
  color: #0075cf;
  border-bottom: 2px solid #96d1ff;
  cursor: auto
}

.SearchClsHtBox h2.hover {
  color: #0075cf
}

.SearchClsHtBox h2 a:hover {
  color: #0075cf
}

.textinput-main {
  width: 250px;
  height: 40px;
  line-height: 40px
}

.content_tip {
  height: 30px;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 10px
}

.befollowed {
  overflow: auto;
  width: 100%;
  margin-top: 30px;
  margin-left: 20px
}

.befollowed .item {
  margin: 5px 0;
  height: 45px;
  clear: both
}

.befollowed .item .label {
  float: left;
  color: initial;
  text-align: right;
  line-height: 35px;
  width: 130px;
  font-size: 14px;
  color: black
}

.befollowed .item .content {
  float: left
}

.befollowed .item .content .search-field input {
  height: 21px !important
}

.befollowed .item .tip {
  float: left;
  color: initial;
  text-align: left;
  line-height: 35px;
  margin-left: 10px
}

.tabbable.extra a {
  text-decoration: none;
  font-family: Microsoft YaHei,Helvitica,Verdana,tohoma,Arial,san-serif
}

.tabbable.extra {
  margin-bottom: 10px
}

.title-start {
  margin-left: 245px;
  font-size: 16px;
  color: #777
}

.orderinf {
  width: 98%;
  height: 423px;
  color: black;
  background-color: white;
  margin: 0 auto;
  padding-top: 10px;
  text-align: left
}

.orderinf2 {
  width: 98%;
  background-color: #eee;
  margin: 0 auto
}

.menu_line {
  margin-top: 10px;
  margin-bottom: 10px
}

.ordermain {
  width: 98%;
  margin: 0 auto
}

.ordermain1 p {
  width: 98%;
  height: 20px;
  font-size: 18px;
  line-height: 50px;
  margin-left: 10px
}

.ordermain1 {
  width: 98%;
  height: 56px;
  background-image: url(../images/ordermain1.png)
}

.ordermain2 {
  width: 98%;
  min-height: 300px;
  background-color: white;
  border: 1px solid;
  border-color: #cdcdcd;
  border-top: 0
}

.ss p {
  width: 80px;
  padding-left: 10px;
  float: left
}

#pay {
  width: 60px;
  padding: 0;
  float: right
}

.ordermain2 ul em {
  width: 60px;
  float: right;
  color: red
}

.price em {
  color: red;
  font-size: 16px
}

.price p,.time p,.add p,.Phone p,.bz p {
  padding-left: 10px;
  float: left
}

.order_red_tr td,.order_red_tr a {
  color: red
}

.order-search-item {
  float: left;
  width: 322px;
  height: 75px
}

.bootstrap-widget-content {
  padding: 20px 15px 15px
}

.bootstrap-widget-content lable {
  margin-bottom: 5px
}

.common_icon_edit:hover {
  background: url("../images/base_z.png") 0 -2338px no-repeat
}

.common_icon_edit {
  display: inline-block;
  background: url("../images/base_z.png") 0 -2254px no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  overflow: hidden
}

.common_icon_delete:hover {
  background: url("../images/base_z.png") 0 -1974px no-repeat
}

.common_icon_delete {
  display: inline-block;
  background: url("../images/base_z.png") 0 -1946px no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  overflow: hidden
}

.common_icon_add {
  display: inline-block;
  background: url("../images/base_z.png") 0 -2544px no-repeat;
  width: 23px;
  height: 23px;
  vertical-align: middle;
  overflow: hidden
}

.new_order_tip {
  padding: 1px 5px;
  background-color: #d9534f;
  border-radius: 8px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  line-height: 16px;
  font-family: Arial,Helvetica,sans-serif;
  position: absolute;
  top: 12px;
  right: 33px
}

.admin-checkbox {
  opacity: initial !important;
  position: static !important
}

a.login-area.dropdown-toggle.extra {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.all-product {
  float: left;
  height: 40px;
  line-height: 45px;
  margin-left: 10px;
  font-size: 14px;
  padding: 0 10px;
  position: relative
}

.all-product .fa-sort-down {
  position: relative;
  bottom: 2px
}

.all-product:hover {
  background-color: #008fbf
}

.all-product .fa-sort-down {
  transition: transform .2s,vertical-align .2s;
  -o-transition: transform .2s,vertical-align .2s;
  -ms-transition: transform .2s,vertical-align .2s;
  -moz-transition: transform .2s,vertical-align .2s;
  -webkit-transition: transform .2s,vertical-align .2s
}

.all-product.open .fa-sort-down {
  vertical-align: text-top;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  position: relative;
  top: 5px
}

.all-product.open .dropdown-menu {
  margin-top: 5px;
  width: 880px
}

.all-product>a {
  color: white;
  text-decoration: none;
  display: inline-block
}

.all-product .product-title {
  color: #999;
  font-weight: 600
}

a.back-top {
  background-position: -67px -1048px;
  background-image: url(../images/main_z_1a7cdb1.png)
}

a.back-top {
  display: none;
  width: 55px;
  height: 53px;
  position: fixed;
  text-indent: -9999px;
  right: 10px;
  bottom: 10px;
  _position: absolute;
  outline: 0;
  background-repeat: no-repeat;
  z-index: 99999
}

a.back-top:hover {
  background-position: -67px -1111px
}

a.back-top:hover {
  outline: 0;
  background-repeat: no-repeat
}

.header_h2 {
  font-size: 14px;
  color: white;
  line-height: 25px
}

.nowrap {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.switchToNextShop a {
  color: red !important;
  font-weight: bold
}

.browser-tip {
  height: 80px;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: black;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5;
  color: white;
  font-size: 20px;
  text-align: center;
  line-height: 80px;
  display: none
}

.browser-tip .closetip {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 30px;
  color: white;
  line-height: 33px;
  text-decoration: none
}

.sidebar-menu li.active i.menu-icon {
  color: #2dc3e8
}

.page-body {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s
}

.qq-link-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAWCAMAAAB68gtgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REMxNzIxQUM1ODZFMTFFMkE2QUJERjZDOTBFMjlDMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REMxNzIxQUQ1ODZFMTFFMkE2QUJERjZDOTBFMjlDMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQzE3MjFBQTU4NkUxMUUyQTZBQkRGNkM5MEUyOUMzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQzE3MjFBQjU4NkUxMUUyQTZBQkRGNkM5MEUyOUMzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvt6ESkAAAMAUExURand9oa71Kji/Wias/7rtJ3Y9aXe+f+yOqHZ9fdKLKXh/fvTkut3J/SbK//snv+lGv2rIo7I5a3h+vv7/PWxcpzT7CkpNcnO1Z3e/dCRMa7k/e+Waq3e9VqHnf/TLqLg/fnHeZZ6Wv/LVvrDZrl7ULHi+f+5QaHd+i5UaK6QdNF+LElxhf+hFYnB3JnW9KTb9WqUqpHO6skkF6rf+Jna+abc9qrh+vuHBIKzyjtidnKlvv/BS6nV68Xs/3apwbLg9ltrevOLGPu7FG+KnPJaQqzj/Mjt/7no/+Li4//GUYOjt5jV8v+fEvKFGf61K5HL5sHr/3XF7/rZr5XU87ni9/aTFbzp/7Xh9nvJ8LDk/PIUDrbn/vabF82EQ/mmFcLm+Lzk9/czFP7RapzF2uauUL+ab/iWFfumIa/f9rcOD7bm/aDf/P+wJf+pHUwtJUBGUf/89LTk+/fHp5rP526etDc3RJ7c+pTU9HyrwSIfKPqsKPOkWsbr/JfW9PanScTp+rp0Ov737e3y9pPT8ml9kEVvhH+20f308rPm/rHm/unt8f3WfFF8kf+7MYHM8Ux6kPX19x5FWJrc+o8xLOg4Idzl7pbV9J3a9//NF/L1+f713m6jvboyI50qFXWgtpvd/JzX9ZLU88np+ZbX9rDl/v/1yabf+5/f/prY9sDl97Dm/vihFm/B77Pi+Kvj/pXW9f+9Sff4+rbk/KHb95zX82y/7h4bJAszRvB/Gf+9M/++NLfo/rHl/f+4LgICApfY98TBvZfZ+P/cUJPU83mnvnKnwPSPGrLl/nivyvepOmGRqeipoXyaq3mwy6HX8bLV6n1GKqna8r+ylf2/Vt+lTMm2cO6KQP+rA0U+QouuwuiICImOnZK4y7Oztv+XBFB6kHZnXdQvHefKyFJgbeumBpLF37WKNv7hkqAYDtPb4/nm5neov83v/tybmsKwofS2i/GEEPOLFM/w/3Wsx/izR/ivS32qwP7uy5bP6fzo2qKBTLXl+4XO8Wq+7v///////8s3US4AAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAFAklEQVR42qzTfVRTdRjA8bsmIDr3puDAXSVs7Cc4YDCmd6igOQ2VzTQ0FFEp2Yoh4YZ4MQrTTUWQc31L1HhRnJYaGOW1EjMRNHoly7I3MyPt3dKMwkbP795NFI7/+d3Ovds593zOc579RnTfvBd9mtm3sG7i5qI/p/RuvK+Z42f2NAe/vE31NZ8vMyu8d1mZYcTGX+a8yeV9bB3f+vXrX6qrqwvFvcx1H9cArhF8+/gUCkVm+Bt9ysokNk7xuueTaTr40lccffr0sWPHePlO+274gfDX+xR+AOOYnrqmIJim6SN5792yfbjReBc8J2dfNG8rDqSUl5uKbstUXp6C8flPQucL8k54jntOHMl7bB3Q6enpvGu8nQZ2AsXLAsc+gTanBSkULYrq6mqMFz3lwYm5ijj8UQ6fnxxc4Dm+5riHDk7GdmhoXRViWWoFlmNZlo3qGGCfgGMc+JqjRY4WpBVSWmcF2NUZKU1NRau8eL+9e8VFTU0pGYDjwbtomp8c7njs9PRYtspojGXHGo0U0uj7RzH2sainaLWGUjgETuf7bdWboIwUk6lohxcPE4nCpCYTxp/u6urKVy6lv9g+fPik78fQBap0VagqiL0hN8pDSaRfwdr1brcbke4R7k5Sre4s06rV5paW6dWbDAyJDEDrdBmJJpP0bx6fBfYGi8mUiPFX8vPzP9z1xJUxkz77ZsyVK7usKrlKXsXKIb2A7SiLcscD7mDc/p3IoVar25BguYZkzQaKMZw5gyp0UHaizWTpx+H9zolWirMsNlNiNuBg538ZN+/iRy9AcfM2P6gCtgrJ9Xq93M4Kokg37mfWvwOVAW5GZYxguRlwUmZAutUGjKcl2myWgedEQzyelaJzYvFIi82WmEY8jPFpwZvnLQ6cHBi4eEscXTAN46w+Hupg7TC5P+RAasoxHViSWi4QYlxI6oRIp6HehtIabFLLwH9EomXLRKLLYvFZi9TWAPizhw7lJ9Of/xp3MXDysHe/Kz0SfAlwO3sD4yQiTrF2jCOyEXIgA6N5HpKxMh11rYJxoZ1vQa0NUqllpAfWDQuHk3hdIpU2tGJcpaLpb3/aElg5eLDncOlSusAIbCxTRcTDaUnwpyhBTJCTMWO80cm2YXu/jBUKXS7GWbFzD641Qpor+cvj+V0EC4fekeTmRvjwNf+uDQyEX2NwZen95/OsgBNVDJzzU3hoEs55mSamsTHI4GQuMKSGw5HMhSq0iNRifGJEbq5kEADDOFs8COMTiYOwFlX7uB9+rDyM7a0PhbTjfcQTBPEBhQQJCQkxCY0aRJljzE4GCWV+MpJBbdEaykWxZP0eGWKuFdbXT4yQSCTZYas8q9YCffn6H/CVx5OSkj4O+WRo6eHK57aeCAlRcjIuwcGyZAwu6ALLGoQuP9z+TuHO/dHRxUJXffGeWq1Qu62wMDVCMhr01ln4TzSyNRvs0RGpxMGFSVarNfLk9gVLvh762+OTTkZGemUcJ/fn8/ODdw0EMlS8jau5trmwuTk1YDRX2jM7NgxKm8F9DkglXuPwUSUlJQ+MGge3yAVLbtkxPTaGcTXRfMXFHF4IcHNzba0Pn5F99Wo2b3P47rmAW+WqJKVS2d4OLHch7rQxXlPzKoTl6bjZUOHs1XypATN6J2kAXLl7YU8velvk6xFfc30l+bLywUxK69GzAb1rSB1CdP93L1pytG9Duv8XYACYZVDdZpPw6wAAAABJRU5ErkJggg==);
  display: inline-block;
  width: 93px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: left center
}

.nonebg {
  background-color: white !important
}

.service h1 {
  padding-left: 80px;
  height: 90px;
  line-height: 69px;
  font-size: 24px;
  font-weight: normal;
  color: gray;
  background: url(../images/index_news.png) 0 0 no-repeat
}

.publish {
  width: 360px
}

.publish h1 {
  padding-left: 84px;
  height: 90px;
  line-height: 69px;
  font-size: 24px;
  font-weight: normal;
  color: gray;
  background: url(../images/shuaxing.png) -9px -13px no-repeat;
  background-size: 90px
}

.service-module {
  overflow: hidden;
  background-color: white;
  padding-bottom: 10px
}

.publish1 {
  border: 1px solid #f1e1e1;
  width: 100%;
  background-color: white
}

.service-module>li {
  width: 33.33%;
  float: left;
  line-height: 30px;
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px
}

.service-module>li ul li i {
  font-size: 16px;
  line-height: 40px;
  color: #666
}

.service-module>li ul li:hover i {
  color: #333
}

.service-module>li ul li a:hover {
  background: #ebebeb;
  color: #262626
}

.service-module>li ul li a {
  font-size: 16px;
  color: #565656;
  line-height: 40px;
  padding-left: 5px;
  letter-spacing: 1px;
  text-decoration: none
}

.service-module>li ul li .blue {
  color: #78c9e4;
  padding: 0 8px
}

.service-module .tb1 {
  color: #999;
  font-weight: 600;
  font-size: 18px;
  line-height: 48px
}

.publish1 ul {
  margin-top: 10px;
  width: 360px
}

.publish1 ul li {
  line-height: 30px;
  text-indent: 10px;
  color: #cbcecf;
  width: 360px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.addsqyx {
  color: #565656;
  padding-left: 10px
}

.stp {
  min-width: 600px;
  margin-top: 15px;
  width: 100%
}

.See_more {
  border: 1px solid #000;
  height: 40px;
  margin: 0 auto;
  line-height: 40px;
  width: 120px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #059bcd;
  color: #059bcd;
  margin-top: 20px;
  margin-bottom: 20px
}

.See_more a:hover {
  text-decoration: none
}

.more {
  color: #0095c7 !important;
  height: 30px !important;
  width: 70px !important;
  float: right !important;
  line-height: 15px !important;
  font-weight: bold !important
}

.all-product .service-module>li {
  width: 25%
}

.all-product .service-module {
  border: 0;
  padding-bottom: 0
}

.service-module .high-light a {
  color: #f2ae43;
  font-weight: bold
}

.service-module .high-light a:hover {
  color: #f2ae43
}

.images-left {
  width: 80%;
  float: left;
  background-color: white;
  padding-bottom: 20px;
  border-right: 1px solid #ededed
}

.images-left[data-type='net'] {
  display: none;
  height: 455px
}

.image-net-search {
  width: 100%;
  text-align: center;
  height: 50px;
  border-bottom: 1px solid #EEE
}

.image-net-search input {
  height: 35px;
  width: 300px;
  margin-top: 7.5px;
  border-radius: 5px;
  border: 1px solid #CCC;
  padding: 0 10px;
  box-sizing: border-box;
  outline: 0;
  transition: all .3s;
  margin-right: 5px
}

.image-net-search input:focus {
  outline: 0;
  border-color: #09C
}

.image-net-search span {
  display: inline-block;
  width: 70px;
  background-color: #09C;
  color: #FFF;
  height: 35px;
  cursor: pointer;
  line-height: 35px;
  border-radius: 8px;
  transition: all .3s
}

.image-net-search span:hover {
  background-color: #088ab5
}

.image-net-content ul {
  overflow: hidden
}

.images-left .tpsd {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 5px auto;
  padding-left: 2px
}

.images-left div {
  overflow: hidden
}

.images-right {
  width: 20%;
  float: left;
  background-color: white;
  height: auto
}

.not-grouped {
  float: left;
  margin-left: 30px;
  line-height: 50px
}

.not-grouped span {
  margin-left: 20px
}

.not-grouped span a:hover {
  text-decoration: none
}

.prompt-message {
  float: right;
  line-height: 50px;
  padding-right: 50px
}

#upload_image_btn,#selector_upload_btn {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.prompt-message .upload {
  float: right;
  height: 30px;
  line-height: 30px;
  width: 100px;
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #09C;
  color: white;
  cursor: pointer;
  position: relative
}

.prompt-message .upload .txt {
  display: block;
  width: 100%;
  height: 100%
}

.prompt-message .upload .txt input[type='file'] {
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity = 0);
  cursor: pointer;
  height: 100%
}

.prompt-message a {
  color: white
}

.prompt-message a:hover {
  text-decoration: none
}

.operate {
  height: 50px;
  background-color: #f4f5f9
}

.not-grouped-tpl {
  height: 30px;
  line-height: 30px;
  text-indent: 20px;
  background-color: #f4f5f9
}

.images-right ul li {
  text-indent: 10px;
  line-height: 30px;
  height: 30px
}

.images-right ul li a {
  color: #000;
  text-decoration: none
}

.images-right ul li a:hover {
  text-decoration: none
}

.colorPublic {
  color: #a4a7b0
}

.operate table {
  margin-top: 5px;
  width: 100%
}

.operate table label {
  font-weight: normal
}

.operate table .search {
  width: 220px;
  float: right;
  margin-right: 45px
}

#image_selector .search {
  margin-top: 10px;
  padding-left: 5px
}

.operate table .search a,#image_selector .search a,#video_selector .search a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 60px;
  text-align: center;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #09C;
  color: white;
  cursor: pointer;
  position: relative
}

#image_selector .search a {
  width: 40px
}

#image_selector .search a:hover {
  text-decoration: none
}

#image_selector .search a {
  margin-left: 5px
}

.operate table a {
  text-decoration: none
}

.operate td {
  height: 40px
}

.Mobile-packet.active,.delete-image.active {
  background-color: #09C;
  color: white
}

.Mobile-packet {
  border: 1px solid #e7e6eb;
  height: 30px;
  width: 100px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  color: #a5aab1;
  background-color: #e7e6eb
}

.hotel-active {
  background-color: #09C;
  color: white;
  border: 1px solid #e7e6eb;
  height: 30px;
  width: 100px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px
}

.delete-image {
  height: 30px;
  width: 100px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  color: #a5aab1;
  background-color: #e7e6eb
}

.img-manage {
  overflow: hidden;
  border: 1px solid #ededed;
  height: auto;
  min-width: 600px
}

.images-info img {
  max-height: 120px;
  max-width: 120px;
  display: block;
  margin: 0 auto
}

.images-info ul li {
  border: 1px solid #e8e7ec;
  width: 150px;
  margin-top: 15px;
  margin-left: 29px;
  float: left
}

.tps-1 {
  height: 30px;
  background-color: #eee;
  line-height: 30px
}

.tps-1 div {
  float: left;
  width: 50%;
  font-size: 22px;
  padding-left: 23px;
  padding-top: 5px
}

.tps-1 a {
  color: #b5b6b9
}

.tps-1 a:hover {
  color: #8f9094
}

#image_selector_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: .6;
  opacity: .6;
  filter: alpha(opacity = 60)
}

#image_selector {
  width: 850px;
  height: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -300px;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 1001
}

.img-selector-title {
  padding: 10px 20px;
  background-color: #f4f5f9;
  border-bottom: 1px solid #e7e7eb;
  font-size: 16px
}

.img-upload-local {
  border-bottom: 1px solid #e7e7eb
}

#image_selector .images-left {
  border-left: 1px solid #e7e7eb
}

.images-info ul li .img-c {
  display: table-cell;
  width: 150px;
  height: 150px;
  font-size: 118px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative
}

#image_selector .images-info ul li .img-c {
  width: 120px;
  height: 120px
}

.images-info ul li .img-c img {
  vertical-align: middle
}

.images-info ul li .img-c .video-hover-perview {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,100%);
  width: 0;
  height: 0;
  width: 100%;
  height: 100%;
  transition: all .2s;
  background-color: rgba(0,0,0,.7);
  color: #FFF;
  line-height: 150px
}

.video-hover-perview span {
  padding: 0 5px
}

.images-info ul li .img-c:hover .video-hover-perview {
  transform: translate(-50%,-50%)
}

#image_selector .images-info ul li {
  width: 120px;
  margin-left: 10px;
  position: relative;
  cursor: pointer
}

#image_selector .images-left .tpsd {
  padding-left: 3px;
  line-height: 25px
}

#image_selector .pager a {
  text-decoration: none
}

.selector-btn {
  display: inline-block;
  overflow: visible;
  padding: 0 28px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 14px;
  border: 1px solid #e7e7eb;
  cursor: pointer;
  background-color: #fff
}

.selector-btn-container {
  margin: 0;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid transparent;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  float: left;
  text-align: center
}

.selector-btn:hover {
  background-color: #f1ecec
}

.selected_image {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(../images/selected_image.png) no-repeat 0 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
  background-position: 50% 50%;
  display: none
}

.selected_image_overlay {
  background-color: #000;
  background-color: black;
  -moz-opacity: .6;
  opacity: .6;
  filter: alpha(opacity = 60);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  display: none
}

.selected_image.show,.selected_image_overlay.show {
  display: block
}

#image_selector .images-info {
  max-height: 360px;
  overflow: auto
}

#selector_system_icon ul li {
  background: #efe8e8;
  width: 120px;
  height: 120px
}

.usage-size {
  float: left;
  height: 50px;
  line-height: 50px;
  padding-left: 10px
}

.service-container {
  border: 1px solid #f1e1e1;
  overflow: hidden;
  background-color: white;
  margin-right: 10px
}

.service-sub-title {
  margin: 0 16px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eaedf1;
  font-weight: bold;
  color: #f2ae43;
  letter-spacing: .02em;
  font-size: 16px
}

#colseImageSelector {
  position: absolute;
  font-size: 26px;
  font-weight: bold;
  line-height: 37px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .4;
  filter: alpha(opacity=40);
  text-decoration: none;
  right: 10px;
  top: 2px;
  cursor: pointer
}

.page-sidebar .sidebar-menu .submenu>li .submenu>li>a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  left: 33px;
  top: 17px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  z-index: 2
}

.page-sidebar .sidebar-menu>li>.submenu>li>.submenu:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 35px;
  top: 0;
  bottom: 19px;
  border-left: 1px solid #e2e2e2
}

.sub_first_td {
  width: 110px;
  text-align: right
}

.close-image-preview {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 35px;
  line-height: 25px;
  color: white;
  background: black;
  filter: alpha(opacity=40);
  -moz-opacity: .4;
  -khtml-opacity: .4;
  opacity: .4
}

.close-image-preview:hover {
  text-decoration: none
}

.left-image-arrow {
  width: 20px;
  height: 35px;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: -40px;
  background: url(../images/left-btn.png) no-repeat;
  cursor: pointer
}

.right-image-arrow {
  width: 20px;
  height: 35px;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: -40px;
  background: url(../images/right-btn.png) no-repeat;
  cursor: pointer
}

#distance_fee_editor_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: .6;
  opacity: .6;
  filter: alpha(opacity = 60)
}

#distance_fee_editor {
  width: 850px;
  height: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -300px;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 1001
}

#big_slide {
  background-image: url(../images/activity_banner_big.png);
  margin: 0 auto;
  width: 100%;
  position: relative;
  display: block;
  z-index: 2;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fb2
}

.small_ad_image {
  background-image: url(../images/activity_banner_small.png) !important;
  height: 45px
}

#big_slide i {
  display: block;
  background: url(../images/close-slide.png);
  position: absolute;
  top: 5px;
  right: 5px;
  height: 30px;
  width: 30px;
  background-size: cover;
  cursor: pointer
}

.only-server {
  background: url(../images/server-banner.png) no-repeat;
  width: 100%;
  height: 128px;
  display: block;
  background-size: contain;
  background-position: center center;
  margin-top: 10px
}

.only-server.pay-banner {
  background-image: url(../images/pay-banner3.png)
}

.sales-input-no-border {
  border: 0;
  background: white
}

.show-printer-tpl {
  float: left
}

.show-printer-tpl .dropdown-toggle {
  height: 32px
}

.show-printer-tpl .print-btn {
  border-right: 1px solid #d8cf9e
}

.service-list-container {
  border: 1px solid #f1e1e1;
  overflow: hidden;
  background-color: white;
  margin-right: 5px
}

.service-title {
  margin: 0 16px;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #eaedf1;
  font-weight: bold;
  color: #f2ae43;
  font-size: 14px
}

.service-list {
  overflow: hidden;
  margin-right: 10px;
  margin-left: 16px;
  padding-top: 5px;
  padding-bottom: 5px
}

.service-list li {
  float: left;
  width: 200px;
  margin-right: 5px;
  margin-bottom: 5px
}

.service-list li a {
  display: block;
  padding: 10px;
  text-decoration: none
}

.service-list li a:hover {
  background: #f2f2f2;
  text-decoration: none
}

.service-list.color1 .fa {
  background: #f66
}

.service-list.color2 .fa {
  background: #f96
}

.service-list.color3 .fa {
  background: #fc3
}

.service-list.color4 .fa {
  background: #09c
}

.service-list.colorshop_extend .fa {
  background: #f69b49
}

.service-list.colormarketing_tool .fa {
  background: #f66
}

.service-list.color7 .fa {
  background: #39c
}

.service-list.color8 .fa {
  background: #cc6
}

.service-list.color9 .fa {
  background: #3cb034
}

.service-list.colormarketing .fa {
  background: #47a2ff
}

.service-list li .service-list-item-logo i {
  color: white;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  display: block;
  border-radius: 4px
}

.service-list li .service-list-item-logo {
  float: left;
  width: 40px;
  height: 40px
}

.service-list li .service-list-item-name {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  vertical-align: bottom;
  color: #333;
  font-weight: bold;
  margin-left: 50px
}

.service-list li .service-list-item-desc {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 50px
}

.service-list li.service-list-item.recommend {
  position: relative;
  background: #fff5cb
}

.service-list li.service-list-item.recommend:before {
  content: 'hot';
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  background: #ff4343;
  color: #fff
}

.service-list li.service-list-item.recommend a:hover {
  background: #fff1b8
}

.service-list li.service-list-item.new {
  position: relative;
  background: #fff5cb
}

.service-list li.service-list-item.new:before {
  content: 'new';
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  background: #ff4343;
  color: #fff
}

.service-list li.service-list-item.new a:hover {
  background: #fff1b8
}

.all-product .service-list-container {
  border: 0
}

.page-sidebar .sidebar-menu>li:nth-child(1) i.fa {
  color: #9cf
}

.page-sidebar .sidebar-menu>li:nth-child(2) i.fa {
  color: #c96
}

.page-sidebar .sidebar-menu>li:nth-child(3) i.fa {
  color: #7375a1
}

.page-sidebar .sidebar-menu>li:nth-child(4) i.fa {
  color: #ba5151
}

.page-sidebar .sidebar-menu>li:nth-child(5) i.fa {
  color: #cc3
}

.page-sidebar .sidebar-menu>li:nth-child(6) i.fa {
  color: #09c
}

.page-sidebar .sidebar-menu>li:nth-child(7) i.fa {
  color: #3cb034
}

.page-sidebar .sidebar-menu>li:nth-child(8) i.fa {
  color: #45979f
}

.page-sidebar .sidebar-menu>li:nth-child(9) i.fa {
  color: #eb83a7
}

.page-sidebar .sidebar-menu>li:nth-child(10) i.fa {
  color: #9c3
}

.page-sidebar .sidebar-menu>li:nth-child(11) i.fa {
  color: #bca561
}

.page-sidebar .sidebar-menu>li:nth-child(12) i.fa {
  color: #999
}

.page-sidebar .sidebar-menu>li:nth-child(13) i.fa {
  color: #c93
}

.page-sidebar .sidebar-menu>li:nth-child(14) i.fa {
  color: #963
}

.page-sidebar .sidebar-menu>li:nth-child(15) i.fa {
  color: #cc3
}

.page-sidebar .sidebar-menu>li:nth-child(16) i.fa {
  color: #363
}

.page-sidebar .sidebar-menu>li:nth-child(17) i.fa {
  color: #903
}

.page-sidebar .sidebar-menu>li:nth-child(18) i.fa {
  color: #f9ba7b
}

.page-sidebar .sidebar-menu>li:nth-child(19) i.fa {
  color: #8888c6
}

.page-sidebar .sidebar-menu>li:nth-child(20) i.fa {
  color: #c9c
}

.page-sidebar .sidebar-menu>li:nth-child(21) i.fa {
  color: #ad6319
}

.page-sidebar .sidebar-menu>li:nth-child(22) i.fa {
  color: #336
}

.page-sidebar .sidebar-menu>li:nth-child(23) i.fa {
  color: #c27d7d
}

.page-sidebar .sidebar-menu>li:nth-child(24) i.fa {
  color: #cc9
}

.page-sidebar .sidebar-menu>li:nth-child(25) i.fa {
  color: #c96
}

.page-left-dark {
  width: 180px;
  min-height: 700px;
  background-color: #1c2b36;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999
}

#left_scroller {
  position: absolute;
  top: 45px;
  width: 100%;
  bottom: 0
}

.page-left-dark a {
  color: #a7c6dc;
  text-decoration: none
}

.page-left-dark dl.appstore {
  border-bottom: 1px solid #161e25
}

.page-left-dark dl {
  position: relative
}

.page-left-dark dl dt {
  padding-left: 25px;
  color: #7092a9;
  line-height: 40px
}

.page-left-dark dl.velist {
  border-bottom: 1px solid #161e25;
  padding-bottom: 0;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s
}

.page-left-dark dl dd a {
  display: block;
  outline: 0;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s
}

.velogo {
  border-bottom: 1px solid #161e25;
  position: fixed;
  top: 0;
  width: 180px;
  left: 0;
  height: 45px;
  background-color: #1c2b36;
  z-index: 1
}

.velogo a {
  display: block;
  font-size: 0;
  text-align: center;
  height: 100%;
  width: 100%;
  padding: 3px 0
}

.velogo a img {
  height: 100%
}

.velist {
  padding-bottom: 0;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s
}

.page-left-dark dl.velist dt {
  padding: 0;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  color: #a7c6dc;
  cursor: pointer;
  position: relative
}

.page-left-dark dl.velist dt a {
  display: block
}

.page-left-dark dl dd a i,.page-left-dark dl.velist dt i {
  margin-right: 8px;
  width: 28px;
  font-size: 16px;
  text-align: center;
  color: #4e6a7d;
  position: relative;
  top: 1px
}

.page-left-dark dl dd a.on,.page-left-dark dl dd a:hover,.page-left-dark dl.velist.on,.page-left-dark dl.velist dd a:hover,.page-left-dark dl.velist a.on {
  background: #152028
}

.page-left-dark dl.velist:hover {
  background: #152028
}

.page-left-dark dl.velist dt i.fa-angle-right {
  position: absolute;
  font-size: 20px;
  color: #b5d7f1;
  right: 0;
  height: 40px;
  line-height: 40px
}

.page-left-dark dl.velist dd {
  display: none;
  position: absolute;
  left: 180px;
  top: 0;
  background: #1c2b36;
  width: 200px
}

.page-left-dark dl.top-show dd {
  bottom: 0;
  top: initial
}

.page-left-dark dl.velist dd>dl.velist dd {
  display: none;
  position: absolute;
  left: 200px;
  top: 0;
  background: #1c2b36;
  width: 200px
}

.page-left-dark dl.velist dd.width-show a {
  float: left;
  width: 180px
}

.page-left-dark dl.velist dd.width-show {
  width: 360px
}

.nav-top {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #f2f2f2;
  height: 45px;
  min-height: 45px;
  z-index: 200;
  border-bottom: 1px solid #f2f2f2;
  width: 100%;
  border-bottom: 1px solid #eae2e2
}

.nav-top i {
  margin-right: 5px;
  font-size: 14px
}

.nav-top a {
  color: #626262;
  padding: 0 10px;
  text-decoration: none;
  display: inline-block;
  transition: background .5s
}

.nav-top-left {
  float: left;
  line-height: 45px;
  text-align: center;
  padding-left: 180px
}

.nav-top-right a {
  float: left
}

.nav-top-right {
  float: right;
  line-height: 45px;
  text-align: center
}

.nav-msecount {
  position: relative;
  height: 45px;
  cursor: pointer;
  transition: background .5s;
  float: left
}

.nav-msecount i {
  font-size: 16px;
  display: block;
  line-height: 45px
}

#notifitcationCount i {
  display: initial;
  line-height: initial
}

.nav-msecount a {
  position: relative
}

.nav-msecount a:hover {
  background-color: initial !important
}

.nav-msecount:hover {
  background-color: #f1e9e9
}

.nav-msecount span {
  display: block;
  position: absolute;
  right: 1px;
  top: 8px;
  border-radius: 59px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  padding: 0 5px;
  font-weight: normal;
  background-color: #d9534f;
  color: white
}

#notificationArea .dropdown-menu.dropdown-tasks:before {
  left: auto;
  right: 9px;
  top: -6px
}

#notificationArea span.pull-left {
  position: static;
  background: initial;
  color: #626262;
  line-height: 30px;
  height: 30px;
  padding: 0;
  font-size: 13px
}

.head-img img {
  height: 35px;
  float: left;
  border-radius: 50%;
  margin-top: 3px
}

.head-img div.head-info {
  display: inline-block;
  float: right
}

.head-img div.head-info span {
  display: block;
  padding: 0
}

.head-logout {
  height: 45px
}

.head-logout i {
  font-size: 16px;
  margin-right: 0;
  display: block;
  line-height: 45px
}

.pull-right {
  width: 239px;
  transition: all .5s
}

.pull-right a:hover {
  background: none !important
}

.pull-right #notifitcationCount {
  line-height: 27px;
  border-bottom: 3px solid #f4b400
}

.pull-right li:hover {
  background-color: #f5f5f5
}

.pull-right #noneNotifitcation {
  clear: both;
  overflow: hidden
}

.pull-right #noneNotifitcation div {
  line-height: 27px
}

.app-box {
  width: 100%
}

.app-title {
  line-height: 45px;
  border-bottom: 1px solid #ece8e8;
  position: relative;
  text-indent: 10px;
  margin: 15px 0
}

.app-title:first-child {
  margin-top: 0
}

.app-title i {
  width: 5px;
  height: 20px;
  background-color: #f89618;
  position: absolute;
  left: 0;
  top: 13px
}

.app-hot-item.t6 {
  width: 14%
}

.app-hot-item {
  width: 17%;
  margin-right: 3%;
  background-color: #ea5057;
  display: inline-block;
  height: 92px;
  line-height: 92px;
  color: white;
  text-align: center;
  border-radius: 5px;
  position: relative;
  text-decoration: none !important
}

.app-hot-item:hover {
  text-decoration: none !important;
  color: white;
  filter: alpha(opacity=90);
  -moz-opacity: .9;
  -khtml-opacity: .9;
  opacity: .9
}

.app-hot-item i {
  vertical-align: middle
}

.app-hot-item a {
  font-size: 16px;
  padding: 0 5px;
  display: inline-block;
  color: white !important;
  text-decoration: none !important
}

.app-hot-item span.hot-title {
  font-size: 16px
}

.app-hot-item span.hot-ck {
  font-size: 10px;
  background-color: rgba(255,255,255,.4);
  padding: 2px 3px;
  border-radius: 3px;
  margin-left: 5px
}

.app-item:hover {
  background-color: #f2f2f2;
  text-decoration: none
}

.app-item {
  width: 30%;
  margin-right: 4%;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  text-decoration: none !important;
  color: #666 !important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px
}

.app-icon {
  width: 80px;
  height: 80px;
  border-radius: 6px;
  float: left;
  color: white;
  margin-right: 10px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden
}

.app-icon i {
  line-height: 80px
}

.app-item div.title {
  font-size: 15px;
  color: #333
}

.app-item div.price {
  position: absolute;
  right: 5px;
  top: 10px;
  width: 50px;
  text-align: center;
  padding: 1px 0;
  border-radius: 3px;
  background-color: #23ad44;
  color: white;
  font-size: 12px;
  overflow: hidden
}

.detail-icon div.freeForZhiZun,.app-item div.freeForZhiZun,.m-i div.freeForZhiZun {
  position: absolute;
  left: -32px;
  top: 8px;
  width: 110px;
  height: 30px;
  background-size: cover;
  -webkit-transform: rotate(-45deg) scale(.8);
  -moz-transform: rotate(-45deg) scale(.8);
  -ms-transform: rotate(-45deg) scale(.8);
  transform: rotate(-45deg) scale(.8);
  color: white;
  background-color: #ff4343;
  text-align: center;
  line-height: 30px;
  font-size: 14px
}

.detail-icon div.freeForZhiZun {
  width: 200px;
  font-size: 22px;
  height: 50px;
  line-height: 50px;
  top: 18px;
  left: -58px
}

.m-i div.freeForZhiZun {
  width: 150px;
  font-size: 18px;
  height: 38px;
  line-height: 38px;
  top: 14px;
  left: -43px
}

.app-item p.desc {
  max-height: 55px;
  overflow: hidden;
  font-size: 12px;
  position: absolute;
  bottom: 12px;
  right: 2px;
  width: 100%;
  text-decoration: none !important;
  color: #777;
  padding-left: 98px
}

.app-item p.desc .desc-btn {
  padding: 1px 3px;
  border-radius: 3px;
  border: 1px solid #CCC;
  display: inline-block;
  font-size: 12px;
  color: #666
}

.detail-info {
  width: 100%;
  overflow: hidden;
  position: relative
}

.detail-icon {
  width: 180px;
  height: 180px;
  border-radius: 6px;
  float: left;
  color: white;
  text-align: center;
  background-color: #f69b49
}

.detail-icon i {
  line-height: 180px;
  font-size: 110px
}

.detail-info .d-info {
  width: calc(100% - 180px);
  font-size: 12px;
  line-height: 30px;
  float: right;
  padding: 0 0 5px 20px
}

.d-box {
  height: 130px
}

.d-info .title {
  font-size: 18px;
  font-weight: bold
}

.d-info .desc {
  line-height: 20px;
  margin-top: 6px
}

.d-info .desc,.d-info .price,.d-info .op,.d-info .time {
  color: #787676
}

.d-info .price span {
  font-size: 16px;
  color: red
}

.d-info .op span {
  width: 100px;
  line-height: 30px;
  border: 1px solid #CCC;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  margin-right: 15px;
  background-color: #FFF;
  cursor: pointer
}

.d-info .op span.on {
  color: #f69b49;
  border-color: #f69b49
}

.d-info .submit a {
  text-decoration: none !important;
  display: block;
  float: left;
  text-align: center;
  font-size: 14px;
  box-sizing: border-box;
  margin-top: 15px
}

.detail-btn {
  width: 130px;
  line-height: 35px;
  color: white !important;
  border-radius: 5px;
  background-color: #f69b49;
  transition: all .5s;
  margin-right: 15px
}

.detail-btn-vip i {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  padding: 4px 16px;
  background-color: #ff4343;
  position: absolute;
  right: -16px;
  top: -1px;
  -webkit-transform: rotate(45deg) scale(.8);
  -moz-transform: rotate(45deg) scale(.8);
  -ms-transform: rotate(45deg) scale(.8);
  transform: rotate(45deg) scale(.8)
}

.detail-btn-vip {
  width: 200px;
  line-height: 33px;
  border: 1px solid #666;
  color: #666 !important;
  border-radius: 5px;
  position: relative;
  background-color: white;
  margin-right: 15px;
  overflow: hidden
}

.app-detail-desc a {
  text-decoration: none
}

.app-detail-desc {
  width: 100%;
  position: relative;
  border-top: 1px solid #CCC;
  margin-top: 80px;
  padding-top: 10px
}

.app-detail-desc .app-desc-title {
  border: 1px solid #CCC;
  border-bottom: 0;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 5px 5px 0 0;
  position: absolute;
  top: -40px;
  left: 0;
  background-color: #fff
}

.app-detail-desc .desc-phone {
  color: #aaa7a7;
  position: absolute;
  top: -30px;
  right: 0;
  line-height: 25px;
  font-size: 12px
}

.app-detail-desc .desc-phone img {
  vertical-align: middle
}

.app-pay-model {
  background-color: rgba(0,0,0,.4);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none
}

.app-pay {
  background-color: #FFF;
  border-radius: 5px;
  border: 1px solid #CCC;
  position: fixed;
  width: 600px;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -137px;
  z-index: 1001;
  padding: 0 10px;
  display: none
}

.app-pay .pay-title {
  width: 100%;
  line-height: 35px;
  border-bottom: 1px solid #CCC;
  text-indent: 35px
}

.app-pay .pay-title:after {
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  left: 9px;
  top: 3px;
  background-image: url(../images/shop-car.png);
  background-repeat: no-repeat;
  background-size: 100%
}

.app-pay .pay-title .pay-close:before {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  right: 9px;
  top: 9px;
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer
}

.app-pay p {
  line-height: 35px;
  margin-left: 35px
}

.app-pay p.mt-1 {
  margin-top: 15px
}

.app-pay p .pay-price {
  font-size: 16px;
  color: red
}

.app-pay p .pay-price strong {
  font-size: 18px;
  font-weight: 200
}

.app-pay p.pay-type span {
  width: 100px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #CCC;
  border-radius: 3px;
  margin-right: 5px;
  text-align: center;
  display: inline-block;
  position: relative;
  cursor: pointer
}

.app-pay p.pay-type span.on {
  border-color: #e51d3e;
  color: #e51d3e
}

.app-pay p.pay-type span.on:before {
  content: '';
  width: 15px;
  height: 10px;
  background-color: #e51d3e;
  position: absolute;
  right: -1px;
  bottom: 0;
  background-image: url(../images/selected_image.png);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 3px 1px;
  cursor: pointer
}

.pay-submit {
  width: 180px;
  height: 40px;
  line-height: 40px;
  background-color: #f69b49;
  border-radius: 5px;
  margin: 20px auto;
  display: block;
  color: white !important;
  text-align: center;
  text-decoration: none !important
}

.my-app-list {
  padding: 5px
}

.my-app-item,.add-item {
  display: inline-block;
  text-align: center;
  margin-right: 20px;
  margin-top: 10px;
  text-decoration: none !important;
  color: #666
}

.my-app-item:hover,.add-item:hover {
  color: #666
}

.my-app-icon {
  width: 100px;
  height: 100px;
  border-radius: 6px;
  color: white;
  text-align: center;
  cursor: pointer;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden
}

.my-app-icon i {
  line-height: 100px
}

.add-icon {
  width: 100px;
  height: 100px;
  border-radius: 6px;
  color: white;
  text-align: center;
  cursor: pointer;
  margin-bottom: 15px;
  border: 2px dashed #ccc
}

.add-icon i {
  background-image: url(../images/add.png);
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 23px
}

.title-start {
  margin-left: 200px
}

.page-body {
  margin-left: 180px
}

.page-body.appstore-body {
  border: 1px solid #ece8e8;
  border-radius: 8px;
  margin: 10px 10px 10px 190px
}

.my-app-icon .app-del {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  top: -20px;
  right: 0;
  background-image: url(../images/del.png);
  background-size: 100%;
  transition: all .3s;
  opacity: .5;
  filter: Alpha(opacity=50)
}

.my-app-icon .app-del:hover {
  opacity: 1;
  filter: Alpha(opacity=100)
}

.my-app-icon:hover .app-del {
  top: 0;
  display: block
}

.my-app-icon .app-time-status {
  position: absolute;
  width: 100%;
  height: 20px;
  display: block;
  bottom: 0;
  right: 0;
  transition: all .3s;
  background-color: rgba(0,0,0,.3);
  line-height: 20px;
  font-style: normal;
  font-size: 12px;
  text-align: center
}

.nav-top a:hover {
  background-color: #f1e9e9
}

.all-product.v2:hover {
  background-color: initial
}

.nav-top .qq-link-icon {
  position: relative;
  top: 10px
}

.all-product.v2 {
  margin: 0;
  padding: 0;
  margin-left: 10px
}

@media screen and (max-width: 1259px) {
  .js-name {
      display:none !important
  }
}

@media screen and (max-width: 1120px) {
  .back-index,.js-name {
      display:none !important
  }
}

@media screen and (max-width: 1028px) {
  .helper-forward,.back-index,.js-name {
      display:none !important
  }
}

@media screen and (max-width: 962px) {
  .nav-shopping,.helper-forward,.back-index,.js-name {
      display:none !important
  }
}

@media screen and (max-width: 872px) {
  .all-product.v2,.nav-shopping,.helper-forward,.back-index,.js-name {
      display:none !important
  }
}

.shake {
  -webkit-animation: tada 1s .2s ease both;
  -moz-animation: tada 1s .2s ease both
}

.new-model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1000
}

.novice-guide-box {
  width: 50%;
  height: 50%;
  background-color: #FFF;
  position: fixed;
  top: 25%;
  left: 30%;
  z-index: 1001;
  border-radius: 5px
}

.novice-guide-box .title {
  width: 95%;
  margin: 5px auto;
  line-height: 35px;
  height: 35px;
  text-align: center;
  border-bottom: 1px solid #eae9e9
}

.novice-guide-box .content-img {
  width: 95%;
  height: calc(90% - 70px);
  background-image: url(../images/novice-guide-img.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 auto
}

.novice-guide-box .sbtn {
  width: 120px;
  height: 30px;
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
  background-color: #e88709;
  color: #FFF;
  position: absolute;
  bottom: 15px;
  right: 10px;
  cursor: pointer
}

dl[data-novice='1'].on,dl[data-novice='2'].on,dl[data-novice='3'].on {
  position: relative;
  z-index: 1001
}

.dl-model {
  position: absolute;
  top: -100px;
  left: 0;
  width: 180px;
  height: 0;
  background-color: transparent;
  border: 2px solid #CCC;
  z-index: 1005;
  transition: all .5s
}

.novie-stop {
  position: fixed;
  top: 0;
  left: 0;
  margin-left: 185px;
  z-index: 1005;
  display: none;
  color: #FFF;
  width: calc(100% - 185px);
  height: 100%
}

.novie-stop .arrow-left {
  background-image: url(../images/arrow-left-55.png);
  width: 105px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  float: left;
  margin-right: 30px
}

.novie-stop .content {
  display: inline-block;
  position: relative
}

.novie-stop .content p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 35px
}

.pbtn,.nbtn {
  width: 90px;
  line-height: 35px;
  height: 35px;
  border: 1px solid #CCC;
  border-radius: 10px;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
  color: white;
  cursor: pointer;
  box-sizing: content-box
}

.nbtn {
  border: 0;
  background-color: #e88709
}

.novie-stop .closeBtn {
  background-image: url(../images/close-stop.png);
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -20px;
  right: -60px;
  cursor: pointer
}

.page-breadcrumbs {
  display: none
}

.nav-tabs>li {
  height: 36px
}

.nav.nav-tabs .active a,.nav.nav-tabs .active a:hover {
  line-height: 15px
}

.search-app-input {
  width: 100%;
  text-align: center;
  padding: 20px 0
}

.search-app-input input {
  border-radius: 8px;
  width: 50%;
  outline-color: transparent;
  outline-style: none;
  outline-width: 0;
  text-indent: 5px;
  box-sizing: border-box
}

.search-app-input .search-btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 80px;
  margin-left: 15px;
  text-align: center;
  color: #fff;
  background-color: #f2ae43;
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer
}

.search-app-list a b {
  color: #f89618
}

.switchShop {
  position: absolute;
  right: 10px;
  top: 0;
  color: red !important;
  font-weight: bold
}

.switchShop a {
  text-decoration: none !important
}

.switchShopList-box {
  width: 300px;
  position: absolute;
  top: 45px;
  right: 0;
  z-index: 999;
  border: 1px solid #CCC;
  height: 300px;
  background-color: #FFF;
  padding: 5px;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.6);
  box-sizing: border-box;
  display: none;
  font-weight: normal !important;
  color: #777 !important
}

.switchShopList {
  max-height: 195px;
  border-top: 0;
  width: 250px;
  margin: 10px auto;
  box-sizing: border-box;
  padding: 5px;
  overflow: hidden
}

.switchShopList a {
  width: 100%;
  display: block;
  height: 25px;
  line-height: 25px;
  text-align: left;
  text-decoration: none !important
}

.switchShopList-box i {
  position: absolute;
  display: inline-block;
  bottom: 5px;
  right: 5px;
  font-style: normal
}

.content_tip {
  position: relative
}

.applet-top {
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  box-orient: horizontal
}

.applet-top .left {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  height: 100px
}

.applet-top .left {
  background: #f66;
  border-radius: 3px
}

.applet-top .right .head-icon img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  display: block;
  border: 3px solid #e7ebed;
  background: #fff;
  border-radius: 50%
}

.applet-top .right .head-period .name {
  height: 30px;
  background: url(../images/applet-man.png);
  text-align: left;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 30px;
  background-size: 14px;
  color: white;
  font-size: 16px;
  margin-top: 17px
}

.applet-top .right .head-period .version .buy-period:hover {
  text-decoration: none
}

.applet-top .right .head-period .version .buy-period {
  background: #fff;
  display: inline-block;
  border-radius: 5px;
  color: #65aeed;
  padding: 3px 5px;
  line-height: 16px;
  font-size: 14px
}

.applet-top .right .head-period .version {
  height: 30px;
  background: url(../images/applet-version.png);
  text-align: left;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 30px;
  background-size: 14px;
  color: white;
  font-size: 16px;
  margin-top: 5px
}

.applet-top .right .head-period {
  float: left;
  height: 100%
}

.applet-top .right .head-icon {
  width: 120px;
  height: 100%;
  margin-top: 15px;
  float: left
}

.applet-top .right {
  background: #65aeed;
  width: 380px;
  margin-left: 10px;
  border-radius: 3px
}

.applet-step a.step1 {
  background-image: url(../images/applet-step_1.png)
}

.applet-step a.step2 {
  background-image: url(../images/applet-step_2.png)
}

.applet-step a.step3 {
  background-image: url(../images/applet-step_3.png)
}

.applet-step a.step4 {
  background-image: url(../images/applet-step_4.png)
}

.applet-step span.step {
  background-image: url(../images/applet-step.png)
}

.applet-step a:hover {
  text-decoration: none;
  color: white
}

.applet-step span,.applet-step a {
  float: left;
  width: 14.28%;
  text-align: center;
  height: 100%;
  color: white;
  font-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  display: block
}

.applet-step a.step1,.applet-step a.step2,.applet-step a.step3,.applet-step a.step4 {
  background-position: center 20px;
  line-height: 150px
}

.applet-step {
  width: 100%;
  height: 100%
}

.applet-index-title {
  height: 50px;
  width: 100%;
  line-height: 50px;
  font-size: 16px;
  padding-left: 20px;
  position: relative
}

.applet-index-title:before {
  content: '';
  position: absolute;
  left: 5px;
  width: 5px;
  background: #6bbaed;
  height: 25px;
  margin-top: 12.5px
}

.applet-index-data .data-item .h2 {
  text-align: center;
  font-size: 14px;
  margin-top: 15px
}

.applet-index-data .data-item .h3 {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 10px
}

.applet-index-data .data-item .h1 {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background: #6bbaed;
  text-align: center;
  line-height: 60px;
  color: white;
  font-size: 35px;
  margin: 0 auto
}

.applet-index-data .data-item {
  float: left;
  width: 33.33%;
  margin-bottom: 15px
}

.applet-top.data-top .left,.applet-top.data-top .right {
  background: white;
  height: initial;
  overflow: hidden
}

.applet-index-data {
  margin-top: 20px
}

.applet-index-module .module-item span.module-title {
  margin-left: 10px
}

.applet-index-module .module-item span {
  float: left;
  line-height: 50px;
  color: #666;
  font-size: 16px
}

.applet-index-module .module-item {
  height: 50px;
  width: 90%;
  margin: 0 auto;
  display: block;
  border-top: 1px solid #eee
}

.applet-index-module .module-item:last-child {
  border-bottom: 1px solid #eee
}

.applet-index-module-list .service-title {
  height: 45px;
  line-height: 45px
}

.applet-index-module-list .service-list li {
  width: 260px
}

.price-tip {
  position: relative;
  background: url(../../../v2/images/tip.png) no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle
}

.price-tip:hover .price-tip-text {
  display: block
}

.price-tip-text a {
  color: #7e7ede !important;
  margin: 0 !important
}

.price-tip-text {
  display: none;
  position: absolute;
  left: 20px;
  top: 5px;
  width: 170px;
  border: solid #e1d1c7 1px;
  background-color: #f3f0ef;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  z-index: 9;
  color: #110701
}

.order_list_status_color0 {
  color: red;
  font-weight: bold
}

.order_list_status_color1 {
  color: #f4b401;
  font-weight: bold
}

.order_list_status_color2 {
  color: #09b709;
  font-weight: bold
}

.order_list_status_color3 {
  color: #09b709;
  font-weight: bold
}

.period-show span {
  color: #ee4242;
  font-weight: bold
}

.period-show {
  font-size: 17px;
  padding-left: 10px;
  border-bottom: 1px solid #d3cbcb;
  padding-bottom: 10px
}

#video_selector_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: .6;
  opacity: .6;
  filter: alpha(opacity = 60)
}

#video_selector {
  width: 850px;
  height: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -300px;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 1001
}

#video_selector .search {
  margin-top: 10px;
  padding-left: 5px
}

#video_selector .search a {
  width: 40px
}

#video_selector .search a:hover {
  text-decoration: none
}

#video_selector .search a {
  margin-left: 5px
}

#video_selector .images-left {
  border-left: 1px solid #e7e7eb
}

#video_selector .images-info ul li .img-c {
  width: 120px;
  height: 120px
}

#video_selector .images-info ul li {
  width: 120px;
  margin-left: 10px;
  position: relative;
  cursor: pointer
}

#video_selector .images-left .tpsd {
  padding-left: 3px;
  line-height: 25px
}

#video_selector .pager a {
  text-decoration: none
}

#video_selector ul li .img-c img {
  max-width: none;
  width: 100%
}

#video_selector .selected_image {
  background-position: 50% 35%
}

.cms-pager {
  margin: 0;
  margin-bottom: 5px;
  float: right
}

.cms-pager input {
  height: 25px;
  width: 50px;
  line-height: 25px;
  margin-left: 5px;
  margin-right: 5px
}

.webuploader-container {
  position: relative
}

.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px)
}

.webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  height: 100%
}

.webuploader-pick-disable {
  opacity: .6;
  pointer-events: none
}

.orderStatusTextColor {
  font-weight: bold
}

.color0 {
  color: red
}

.color1 {
  color: #409eff
}

.color2 {
  color: #f4b400
}

.color4 {
  color: green
}

.color4.deliveryColor2 {
  color: red
}

.color5 {
  color: #15d675
}

.page-left-dark,.velogo {
  width: 140px
}

.nav-top-left {
  padding-left: 140px
}

.page-body {
  margin-left: 140px
}

.page-left-dark dl.velist dt,.page-left-dark dl dd a {
  padding-left: 10px
}

.page-left-dark dl dt {
  padding-left: 15px
}

.page-left-dark dl.velist dd {
  left: 140px
}

.page-left-dark,.velogo,.page-left-dark dl.velist dd,.page-left-dark dl.velist dd>dl.velist dd {
  background-color: #444
}

.page-left-dark dl dd a.on,.page-left-dark dl dd a:hover,.page-left-dark dl.velist.on,.page-left-dark dl.velist dd a:hover,.page-left-dark dl.velist a.on,.page-left-dark dl.velist:hover {
  background: #666
}

.page-left-dark a,.page-left-dark dl.velist dt,.page-left-dark dl dd a i,.page-left-dark dl.velist dt i,.page-left-dark dl dt,.page-left-dark dl.velist dt i.fa-angle-right {
  color: #cacaca
}

.page-left-dark dl.velist.on a,.page-left-dark dl.velist:hover a,.page-left-dark dl.velist.on dt,.page-left-dark dl dd a:hover,.page-left-dark dl dd a.on {
  color: #FFF
}

.page-left-dark dl.appstore,.page-left-dark dl.velist,.velogo {
  border-bottom: 1px solid #2b353e
}

.page-body.appstore-body {
  border: 1px solid #ece8e8;
  border-radius: 8px;
  margin: 10px 10px 10px 150px
}

.btn-warning,.btn-warning:focus {
  background-color: #38f !important;
  border-color: #38f;
  color: #fff
}

.btn-warning:hover,.open .btn-warning.dropdown-toggle {
  background-color: #59f !important;
  border-color: #59f
}