.sh-container {
 width:92%;
 max-width:900px;
 margin:0 auto 25px;
}
.sh-head {
 padding:12px 0;
 overflow:hidden;
}
.sh-member {
 float:left;
 font-size:14px;
 display: flex;
 align-items: center;
}
.sh-member .sh-member-left {
 width:calc(100% - 65px);
 float:left;
 padding-left:15px;
 text-align:left
}
.sh-member .sh-member-left b {
 font-weight:500;
}
.sh-member .sh-member-left a {
 display:block;
 color:#30cdd5 !important
}
.sh-member .sh-member-right {
 width:65px;
 float:left;
}
.sh-member .sh-member-right img {
 width:65px;
 height:65px;
 border-radius:100%;
}
/**/
.sh-video {
}
/**/
.sh-url {
/* margin-bottom: 15px;
 border: 1px solid #793fe9;
 -moz-box-shadow: 0px 0px 15px rgb(121 63 233 / 11%);
 -webkit-box-shadow: 0px 0px 15px rgb(121 63 233 / 11%);
 box-shadow: 0px 0px 15px rgb(121 63 233 / 11%);*/
 
 float:right;margin: 15px 0px;
}
.sh-url:after {
 content:'';
 display:table;
 clear:both
}
.sh-url p {
 margin-bottom: 0!important;
}
.sh-url span {
 padding: 6px 10px;
 display: block;
 background: #793fe9;
 color: #fff;
 width: 85px;
 float: left;
}
.sh-url  a {
    padding: 6px 10px;
    background: #793fe9;
    float: left;
    color: #fff!important;
    /* overflow: hidden !important; */
    /* text-overflow: ellipsis; */
    /* display: block; */
    /* white-space: nowrap !important; */
    /* width: calc(100% - 85px); */
    border-radius: 5px;
}
/**/
.sh-slider {
/*clear: both;
	width: 100%;
	background: #fff;
	border-radius: 7px;
	overflow: hidden;
	padding: 10px 10px;
	border: 1px solid #ccc;*/
}
.sh-slider .row {
 display: flex;
 align-items: center;
}
.sh-slider img {
 max-width: 100%;
 border: 1px solid #ddd;
}
.sh-txt-col {
 padding: 20px 0px 0;
}
.sh-txt-col h4.pr_name {
 padding-bottom: 10px !important;
 margin-bottom: 0px !important;
 font-weight: 500;
 font-size: 24px !important;
 color: #806299;
 text-transform: capitalize;
}
.sh-txt-col p {
 color: #666;
 line-height: 22px;
 margin-bottom: 15px !important;
}
.sh-txt-col .btn-buy {
 padding: 0 10px !important;
 width: 120px;
 height: 38px;
 line-height: 36px;
 background: #f46b5d;
 color: #fff !important;
 border-radius: 4px !important;
 overflow: hidden;
}
/**/

.sh-icon {
 padding:35px 0 0;
}
.sh-icon .col-call, .sh-icon .col-sms {
 display:none
}
.sh-icon .icon-box {
 border: 1px solid #ccc;
 border-radius: 5px;
 position: relative;
 margin-bottom: 60px;
 background: linear-gradient(180deg, #fff 50%, #f4f2f2 100%);
 color: #fff;
 display:block;
}
.sh-icon .icon-box:hover .icon img {
 transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -webkit-transition:0.4s;
 -moz-transition:0.4s;
 -o-transition:0.4s;
 transition:0.4s;
 color:#1397c6!important;
}
.sh-icon .icon-box .icon {
 background: #4575b3;
 width: 100px;
 height: 100px;
 margin: 0 auto -50px;
 padding: 0;
 border: 10px solid #fff;
 position: relative;
 top: -50px;
 border-radius: 100%;
}
.sh-icon .icon-box .icon img {
 max-width:55%;
 margin:18px auto;
 display:block
}
.sh-icon .icon-box:hover img {
 transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -webkit-transition:0.4s;
 -moz-transition:0.4s;
 -o-transition:0.4s;
 transition:0.4s;
}
.sh-icon .icon-box .icon img {
 -webkit-transition:0.8s;
 -moz-transition:0.8s;
 -o-transition:0.8s;
 transition:0.8s;
}
/* icon-box-body */
.sh-icon .icon-box-body {
 position:relative;
}
.sh-icon .icon-box-body p {
 text-align:center;
 font-weight:400!important;
}
/**/
.sh-form {
}
.sh-form p {
 text-align:center;
 font-size:20px!important;
 margin-bottom:25px!important;
 color: #4575b3;
}
.sh-form .btn-submit {
 width:100%;
 background:linear-gradient(90deg, #f29076 0%, #c36176 50%);
 color:#fff;
 padding:10px!important;
 font-weight:600;
 text-transform:uppercase
}
/*message box*/
.msg-box {
 border: 1px solid #98cc93;
 background: #ecf7eb;
 border-radius: 5px;
 color: #61865d;
 padding: 10px 10px 15px;
}
.msg-box p {
 text-align:center;
}
.msg-btn {
 display:table;
 margin:auto;
}
.msg-box .msg-btn .btn-join {
 background: #37ae49;
 color: #fff !important;
 width: 115px;
 padding: 5px !important;
}
.msg-box .msg-btn .btn-learn {
 background: #f0793f;
 color: #fff !important;
 width: 115px;
 padding: 5px !important;
}
 @media only screen and (min-width:320px) and (max-width:767px) {
.sh-member {
 font-size: 12px;
}
 .sh-member .sh-member-left {
 width: calc(100% - 50px);
}
.sh-member .sh-member-left b {
 font-size: 15px;
}
.sh-member .sh-member-left a {
display:none
}
.sh-member .sh-member-right {
 width: 50px;
}
.sh-member .sh-member-right img {
 width: 50px;
 height: 50px;
}
.sh-icon .col-call, .sh-icon .col-sms {
display:block
}
.sh-icon {
 padding: 15px 0 3px;
}
.sh-icon .icon-box {
 margin-bottom: 20px;
 margin-top: 15px;
}
.sh-icon .icon-box .icon {
 width: 60px;
 height: 60px;
 margin: 0 auto -30px;
 border: 5px solid #fff;
 top: -30px;
}
.sh-icon .icon-box .icon img {
 max-width: 62%;
 margin: 10px auto 0;
}
 .sh-icon .icon-box-body p {
 font-size:11px!important;
}
.sh-form p {
 font-size: 18px !important;
 margin-bottom: 15px !important;
 line-height:28px
}
 .sh-slider .row {
 display: inherit;
}
 .sh-slider .sh-img-col {
 margin-bottom: 15px;
}
 .sh-txt-col {
 padding: 20px 0 0;
}
.sh-txt-col h4.pr_name {
 font-size: 18px !important;
}
.sh-txt-col p {
 font-size: 12px !important;
margin-bottom: 5px !important;
line-height: 20px;
}
.sh-txt-col .btn-buy {
display:none
}
 .msg-box p {
 font-size: 12px !important;
line-height: 20px;
}
}