.cs-expertPlagin-tpl{background: #f1f4f7;padding: 25px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 20px;text-align: left} .cs-expertPlagin-tpl span.thumb_expertPlagin-item{position:relative;display:inline-block;width:75px;height:75px;background-size:cover;float:left;margin-right:15px;background-size:cover;background-position:50% 0;border-radius:75px} .cs-expertPlagin-tpl .head_expertPlagin-top{position: elative;min-height: 70px;z-index: 1;padding-top: 5px;margin-bottom: 25px} .cs-expertPlagin-tpl .marker_expertPlagin-item{background: #fe7623;background: -moz-linear-gradient(left, #fe7623 0%, #ec456a 100%);background: -webkit-linear-gradient(left, #fe7623 0%,#ec456a 100%);background: linear-gradient(to right, #fe7623 0%,#ec456a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fe7623, endColorstr=#ec456a,GradientType=1 );display: inline-block;vertical-align: top;font-size: 12px;line-height: 14px;color: #fff;padding: 5px 15px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;margin-bottom: 8px} .cs-expertPlagin-tpl .name_expertPlagin-item{margin-bottom: 5px;font-size: 14px;line-height: 16px;color: #5e63a2} .cs-expertPlagin-tpl .descexpert_expertPlagin-item{color: #818796;font-size: 12px;line-height: 14px} .cs-expertPlagin-tpl .descpage_expertPlagin-item{color: #32374a;font-size: 16px;line-height: 20px;padding: 0 5px;clear:both} .popUp-box-expert_plag{position: fixed;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, .8);z-index: 3900;cursor: pointer;overflow-y: scroll;display: none} .wrapbody-popup-expert_plag{position: relative;top: 50%;left: 50%;width: 335px;margin-top: -220px;margin-left: -167px;padding: 35px;border: 2px solid #d2bde5;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;z-index: 1050} .title_expert_plag{color: #fff;text-align: center;margin-bottom: 25px;font-size: 24px;line-height: 26px} .wrapbody-popup-expert_plag .item-field{margin-bottom: 20px} .wrapbody-popup-expert_plag .item-field input,.wrapbody-popup-expert_plag .item-field textarea{border: 1px solid #e9ebee;width: 100%;font-size: 14px;line-height: 16px;padding: 10px 20px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px} .wrapbody-popup-expert_plag .item-field textarea{height: 200px} .wrapbody-popup-expert_plag .submit-form input{background: #5bcda8;background: -moz-linear-gradient(left, #5bcda8 0%, #8097eb 100%);background: -webkit-linear-gradient(left, #5bcda8 0%,#8097eb 100%);background: linear-gradient(to right, #5bcda8 0%,#8097eb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#5bcda8, endColorstr=#8097eb,GradientType=1 );display: block;width: 100%;padding: 17px 10px;font-size: 14px;line-height: 16px;font-weight: 700;text-transform: uppercase;color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 0 !IMPORTANT} .wrapbody-popup-expert_plag .submit-form input:hover{opacity: .7;-moz-opacity: .7;-khtml-opacity: .7} .wrapbody-popup-expert_plag .hidden-input{display: none} .wrapbody-popup-expert_plag .item-field .error{border-color: #f51616;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#F51616)";-moz-box-shadow: 1px 1px 6px rgba(245,22,22,.3) inset;-webkit-box-shadow: 1px 1px 6px rgba(245,22,22,.3) inset;box-shadow: 1px 1px 6px rgba(245,22,22,.3) inset} .popUp-box-expert_plag.form-resultexpert_plag{color: #fff;text-align:center;font-size: 16px;line-height: 20px} .wrapbody-popup-expert_plag span.close-popUp{position: absolute;right: -25px;top: -25px;width: 20px;height: 20px;background: url(../i/close-min.png) no-repeat center center} .wrapbody-popup-expert_plag .bg-fix{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1049} .expect-left{display: inline-block;vertical-align: top;width:calc(100% - 305px)} span.openform_expertPlagin-item,a.button_expertPlagin-item{background: #5bcda8;background: -moz-linear-gradient(left, #5bcda8 0%, #8097eb 100%);background: -webkit-linear-gradient(left, #5bcda8 0%,#8097eb 100%);background: linear-gradient(to right, #5bcda8 0%,#8097eb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#5bcda8, endColorstr=#8097eb,GradientType=1 );display: inline-block;vertical-align: top;width: 215px;padding: 17px 10px;font-size: 16px;line-height: 16px;color: #fff !Important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 30px;text-align: center;cursor: pointer;margin-top: 12px;float: right;text-decoration:none !important} span.openform_expertPlagin-item:hover,a.button_expertPlagin-item:hover{opacity: .7;-moz-opacity: .7;-khtml-opacity: .7} @media screen and (max-width: 1000px){ .expect-left{display: inline-block;vertical-align: top;width:100%} .cs-expertPlagin-tpl .head_expertPlagin-top{margin-bottom: 15px} span.openform_expertPlagin-item,a.button_expertPlagin-item{background: #5bcda8;background: -moz-linear-gradient(left, #5bcda8 0%, #8097eb 100%);background: -webkit-linear-gradient(left, #5bcda8 0%,#8097eb 100%);background: linear-gradient(to right, #5bcda8 0%,#8097eb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#5bcda8, endColorstr=#8097eb,GradientType=1 );display: inline-block;vertical-align: top;width: 100%;max-width: 215px;padding: 7px 10px;font-size: 16px;line-height: 16px;color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 30px;text-align: center;cursor: pointer;margin-top: 12px;float: none;text-decoration:none !important} span.openform_expertPlagin-item:hover{opacity: .7;-moz-opacity: .7;-khtml-opacity: .7} .cs-expertPlagin-tpl{padding: 15px 5px} span.thumb_expertPlagin-item{position:static;display: block;width: 75px;margin: auto;margin-bottom: 10px;height:75px;float:left} .head_expertPlagin-top{padding: 0;text-align:center} span.openform_expertPlagin-item{display: block} .expect-left{text-align: left;display: block;max-width: 100%} .descpage_expertPlagin-item{} } @media screen and (max-width: 410px){ .wrapbody-popup-expert_plag{width: 100%;width: 270px;margin-top: -220px;margin-left: -135px} span.thumb_expertPlagin-item{display:inline-block !important;margin-right:0 !important;float:none !important} .expect-left{text-align:center !important} }