/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.18.1
Requires at least:    5.9
Requires PHP:         5.6
WC requires at least: 4.7
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.b,.strong {font-weight:bolder}
.c,.center {text-align:center}
.white {color:#FFF}
.black {color:#000}
.red {color:#FF0000}
.green {color:#008000}
.yellow {color:#FFFF00}
.blue {color:#0000FF}
.lightblue {color:#ADD8E6}
.grey {}
.MidnightBlue {color:#191970} /* 爱丽丝蓝	 */
.bg-aliceblue {background:#F0F8FF} /* 爱丽丝蓝	 */
.bg-honeydew {background:#F0FFF0} /* 蜜色(蜜瓜色) */
.bg-SteelBlue {background:#4682B4} /* 钢蓝色 */
.bg-ForestGreen {background:#228B22} /* 森林绿 */ 
.icon-cadetblue{color:#5F9EA0;} /* 军服蓝 */
.blank8 {height:8px}
.blank15 {height:15px}
.blank50 {height:50px}
.blank-tb {margin:10px 0}
.fontsize15 {font-size:15px}
.fontsize20 {font-size:20px}
.fontsize30 {font-size:30px}
.floatleft{float:left}
ul,li,h1,h2,h3,h4,h5,h6,dl,dd {margin:0;padding:0;list-style:none;}

.box-1::after,.main-box1::after,.col-box1::after,.rating-info::after{content:'';display:table;clear:both;visibility:hidden;*zoom:1;}

.box-1 {max-width:1068px;margin:6px; margin:0 auto; overflow:hidden}
.main-box1 {max-width:780px;display:block; margin:0 auto;border: 1px solid #DEDEDE;box-shadow:0 0 15px rgb(0 0 0 / 10%)}
.aside-box1 {width:26%;display:block;float: right;}
.column-box1 {width:100%;display:block;}

.col-box1 {
  padding: 30px;
  }
.col-box1 .side-left {
  max-width:230px;
  float:left;
  }
.col-box1 .side-middle {
  float:left;
  width:480px;
  text-align: center;
  line-height:50px;
  padding-top:60px;
  }
.col-box1 .side-middle dd a {
  text-decoration:none
  }

.rating-info {
  width:60%;
  margin:0 auto;
  }
.rating-info dd {
  width:22%;
  text-align:center;
  float:left
  }
.rating-info dd.si {
  width:28%;
  }
.rating-info dd.verticalbar{
  width:3px;
  }
.download-big {
  margin:0 auto;
  max-width:95%;
  border-radius:15px;
  padding:10px 0;
  text-align:center;
  background:blue;
  cursor: pointer;
  }
.download-big a {
  color:white;
  text-decoration:none;
  }
.download-big:hover {
  background:green;
  }
.join-chat {
  margin:0 auto;
  max-width:50%;
  border: 1px solid DodgerBlue;
  border-radius:15px;
  padding:10px 0;
  text-align:center;
  cursor: pointer;
  }
.join-chat a {
  color:DodgerBlue;
  text-decoration:none;
  }

h3.heading-one {
  width:100%;
  padding:6px 0;
  border: 3px solid MidnightBlue;
  border-radius:10px;
  background:radial-gradient(circle at 10% 20%,#005d85 0%,#00b595 90%);
  text-align:center;
  color:#FFF;
  }

.relatedapps {width:1030px;margin:0 auto;display:block;}
.relatedapps ol.app-column {
    list-style-type: none;
    counter-reset: app-counter;
    padding: 0;
    position: relative;
    margin: 0;
    }
.relatedapps li.app-info::before{counter-increment:app-counter;}
.relatedapps li.app-info::before{content:counter(app-counter) ".";}
.relatedapps ol.app-column li.app-info {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 5px;
    padding: 5px;
    counter-increment: section;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    font-weight:bold;
    font-size:13px;
    line-height:25px;
    
    }
.relatedapps ol.app-column li.app-info img {
     width:80px;
     height:80px;
     margin-left:5px;
    }
.relatedapps ol.app-column li.app-info .app-details {
    flex-grow: 1;
    margin-left:10px;
    }
#download-small {
    display: inline-block;
    padding: 0.4em 0.73em;
    margin: 0 0.1em 0.1em 0;
    border-radius: 0.33em;
	font-weight: 700;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	text-align: center;
	transition: .2s;
	background-image: radial-gradient(100% 100% at 100% 0,#5adaff 0,#5468ff 100%);
	border: 2px solid MidnightBlue;
	cursor: pointer;
	}
#download-small a {
    text-decoration:none;
	color: #fff;
	}
.importantnotice {
    padding:12px;
    font-size:12px;
    border: 1px solid red;
    margin:12px 0;
	}
.tags-scroll {
    display: flex;
    max-width:1030px;
    margin:12px auto;
    justify-content: center;
    align-items: center;
    background:#000;
    width:#fff;
    }
.tags-scroll > div {
    text-align: center;
    line-height: 30px;
    padding:0 8px;
    font-size:12px;
    }

#joinchat-long {
    max-width:1012px;
    margin:0 auto;
    border: 2px solid transparent;
    padding:8px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    }
#joinchat-long {animation:joinchat-long-border-animation 1s infinite;}
@keyframes joinchat-long-border-animation{0%{border-color:transparent;}50%{border-color:#004f7a;}100%{border-color:transparent;}}
#joinchat-long .icon-telegram {
    font-size: 24px;
    color: #004f7a;
    }
#joinchat-long .seoquake-nofollow {
    color: white;
    transition: all .3s ease-in-out;
    flex-shrink: 0;
    border-radius: 2px;
    padding: 3px 15px;
    text-decoration: none;
    font-size: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    }
#joinchat-long .seoquake-nofollow a {
    -webkit-tap-highlight-color: transparent;
	}
#joinchat-long .seoquake-nofollow:hover {
    transform: scale(1.05);
    }
    
.footer-box::after{content:'';display:table;clear:both;visibility:hidden;*zoom:1;}
.footer-box {max-width:1068px;margin:6px; margin:0 auto; overflow:hidden}
.footer-1 {
    max-width:1030px;
    margin:15px auto 0;
    background: linear-gradient(to top,#09203f 0,#537895 100%);
    color: #fff;
    }
.footer-1 li {
    text-align:center;
    padding:5px 0;
    }