@charset "utf-8";
/* CSS Document */

body {
    min-width: auto !important;
}
*{ list-style:none; padding:0; margin:0; font-family:"微软雅黑"; font-weight: normal;}
i,em{ font-style:normal; }
a{text-decoration:none; font-weight: normal;}
a:focus,a:active, a:hover { outline: 0; text-decoration:none !important; }
h1, .h1, h2, .h2, h3, .h3,ul, ol,p{ margin:0;}
.clear{ clear:both;}
.filter-search{ display:block !important;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
a,input,button,a:focus,input:focus,button:focus,.btn:focus, .btn:active:focus,.btn:active,button:active{border:none; border-color:none; outline:none; outline:0;box-shadow:none;-webkit-box-shadow:none; }

.strong {
    font-weight: bold;
}

/*共用头部*/
#eTop{ width:100%;}
.modal-backdrop{ z-index:999;}
.eTopTel{ width:100%; background:#303030; line-height:40px; color:#fff; position:fixed; z-index:900; }

.eTopNav{ width:100%; height:72px; background:#fff; box-shadow:0px 3px 3px rgba(215,215,215,0.75); position:fixed; top:40px; transition:transform 0.5s; z-index:900;}

.headerScroll{transform: translateY(-40px);}

.TelMain .MainTitle{ display:inline-block;  font-size:14px; font-family:"微软雅黑";font-weight:normal; float:left;}
.TelMain .MainTel{ display:inline-block; padding-left:10px; font-size:14px; font-family:"微软雅黑"; font-weight:normal; }
.TelMain .MainNav{ float:right; position:relative;}
.TelMain .MainNav li{ display:inline-block; line-height:40px; padding:0px;font-size: 14px;}
.TelMain .MainNav li:last-child{ padding-right:20px; padding-left:15px;}
.TelMain .MainNav li a{ color:#fff; font-size:14px;  padding: 11px 0px; font-family: "微软雅黑";}
.TelMain .MainNav li:hover a,.TelMain .MainNav li.on a{ text-decoration:none !important; background: rgba(80,80,80,0.5); color: #fff;  }
.TelMain .MainNav li a em{ width:30px; height:25px; background:url(../../img/wm/icon.png) no-repeat; display:inline-block; position: relative; top: 4px;}
.TelMain .MainNav li:first-child a em{ background-position:-242px 0px;}
.TelMain .MainNav li:nth-child(2) a em{ background-position:-276px 0px;}
.TelMain .MainNav li:nth-child(3) a em{ background-position:-308px 0px;}
.TelMain .MainNav li:nth-child(4) a em{ background-position:-339px 0px;}
.TelMain .MainNav li i{ display:inline-block;}
.TelMain .MainNav li p{ display:inline-block; padding:0px 5px;}
.form-lan{ color:#fff; background:#303030; border: 1px solid #999;}

.TopNav,.TopSign{ line-height:72px; position:relative;}
.TopNav{ float: left;/*不更新www*/ margin-right: 70px;}
.TopSign{ float:right;}
.TopNav li{ cursor:pointer;}
.TopNav li a{ font-size:15px;  padding: 0px 16px; display:inline-block; color:#000; font-family:"微软雅黑";}
.TopNav li:hover,.TopNav li a:hover{ text-decoration:none !important;}
.TopSign li{ float:left; margin-left:15px;}
.TopSign li a{ padding:5px 8px; border-radius:5px; color:#fff;}
.TopSign li:last-child a{ background:#000; }


/*nav*/
.navNew { width: 78%; height:100%; line-height:60px; float: right;}
.navNew ul li {display: inline-block; letter-spacing: 1px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; }
.navNew .indicator { pointer-events: none; position:absolute; -webkit-transition: all 0.25s ease-in-out; trasition: all 0.25s ease-in-out; top:70px; }
/*icon*/
.MainTel i{ display:inline-block; width:20px; height:20px;  background:url(../../img/wm/icon.png) no-repeat; }
.MainTel i{background-position:-22px 5px;}
/*共用头部 end*/

/*main共用部分 end*/


/*触屏网站MO*/

/*主题*/
.Container{ margin:40px auto; z-index:1;}
.eMethod{ color:#000; margin-top:50px;}
.eMethod ul li{ float:left; width:25%; text-align:center; font-size:16px; line-height:1.5em}
.eMethod ul li:nth-child(2),.eMethod ul li:nth-child(4){ width:10%; height:30px; overflow:hidden;  background:url(../../img/wm/icon.png) no-repeat; background-position:-90px 0px;    margin-top: 80px;}
.eMethod ul li em{ width:98px; height:70px; margin:15px auto; display:block; background:url(../../img/wm/icon.png) no-repeat;}
.eMethod ul li:nth-child(1) em{ background-position:0px -27px;}
.eMethod ul li:nth-child(3) em{ background-position:-100px -27px;}
.eMethod ul li:nth-child(5) em{ background-position:-172px -27px;}
.eMethod ul li i{ display:inline-block; color:#fff; border-radius:50%; width:21px; height:21px; line-height:21px; background:#2196f3; text-align:center; margin-top:15px;}
.eMimg ul li:nth-child(1) em{ background-position:20px -178px;}
.eMimg ul li:nth-child(3) em{ background-position:-67px -178px;}
.eMimg ul li:nth-child(5) em{ background-position:-140px -178px;}

/*分类选项卡*/
#eMo{ margin:50px auto 25px;}
#TabImg{ margin-bottom:50px;}
.line{ border-bottom:1px solid #cfcfcf; display:block; width:100%; height:1px;margin-top: -2px;}

.TabMo li{ display:inline-block; margin-right:5px; cursor:pointer; border-top-left-radius:5px;
border-top-right-radius:5px; border:1px solid #cfcfcf; background:#e9f3fa; transition:color 1s;}

.TabMo li.on{ border-bottom:2px solid #fff;  background:#fff; transition:background 0.5s;}
.TabMo li:hover a,.TabMo li.on a{ color:#2196f3; text-decoration:none;}
.TabMo li a{ padding:15px 20px; display:block;}

#TabMo3 ul li,#TabMo1 ul li{ float:left; margin-right:15px;  background:#e7e9ed; border-radius:5px; display:inline-block; line-height:23px; cursor:pointer; transition:background 0.5s; margin-bottom: 10px;}
#TabMo3 ul li a,#TabMo1 ul li a{color:#303030; display:block; padding:5px 15px;}
#TabMo3 ul li:hover,#TabMo3 ul li.on,#TabMo1 ul li:hover,#TabMo1 ul li.on{  background:#2196f3; }
#TabMo3 ul li:hover a,#TabMo3 ul li.on a,#TabMo1 ul li:hover a,#TabMo1 ul li.on a{color:#fff;text-decoration:none;}

#TabMo2 ul li{ display:inline-block; margin-right:10px;border:2px solid #fff; border-radius:2px; width: 68px; height: 77px; margin-bottom:8px; position:relative; cursor:pointer; transition:border 0.3s;}
#TabMo2 ul li.on{ border:2px solid #2196f3; border-radius:2px;}
#TabMo2 ul li.on i,#TabMo2 ul li:hover i{opacity:1; bottom:-46px;}
.TabI{ opacity:0;}
#TabMo2 ul li i{ width:72px; font-size:13px; height:42px; overflow:hidden; display:block; background:url(../../img/wm/icon.png) no-repeat; background-position:-269px -41px;; text-align:center; padding-top:14px; position:absolute; left:-4px; opacity:0; bottom:-100px; transition:opacity 0.3s,bottom 0.5s;}
/*导航类型*/
#TabMo2{ margin:25px auto;}
#TabMo2 ul li p{ display:inline-block; width:64px; height:73px; overflow:hidden; border:2px solid #e7e9ed; border-radius:1px; background:url(../../img/wm/monav.png) no-repeat;}
#TabMo2 ul li .eNav1{ background-position:0;}
#TabMo2 ul li .eNav2{ background-position:-81px 0px;}
#TabMo2 ul li .eNav3{ background-position:-161px 0px;}
#TabMo2 ul li .eNav4{ background-position:-243px 0px;}
#TabMo2 ul li .eNav5{ background-position:-324px 0px;}
#TabMo2 ul li .eNav6{ background-position:-404px 0px;}
#TabMo2 ul li .eNav7{ background-position:-484px 0px;}
#TabMo2 ul li .eNav8{ background-position:-565px 0px;}
#TabMo2 ul li .eNav9{ background-position:-646px 0px;}
#TabMo2 ul li .eNav10{ background-position:-726px 0px;}
#TabMo2 ul li .eNav11{ background-position:-807px 0px;}

/*模板列表*/
.eTemplate{ position:relative; z-index:1; /*top:30px;*/ }
.eNew{ width:80px; height:81px; background:url(../../img/wm/new.png) no-repeat; position:absolute; right:-6px; top:-5px; z-index:2;}
.eTemplate .eFlow-model:nth-child(4n){ margin-right:0;}
.eFlow-model{width: 22%;
height:414px;
    float: left;
    margin-bottom:40px;
    margin-right:4%;
    position: relative;
	overflow: hidden;
   }
.eFlow-model a {
    display: block;
    overflow: hidden;
}
.eFlow-model .eMask{
    width: 100%;
    cursor:pointer;
}
.eFlow-model .eModel-msg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(51,51,51,0.28);
    opacity:0;
    transition:opacity 1s;
}
.eFlow-model a:hover .eModel-msg{ opacity:1; }
.eFlow-model .eQrcode{
    position: absolute;
    width: 140px;
    height: 140px;
    padding: 20px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 3px #ddd;
    top: 110px;
    left: 50%;
    margin-left: -70px;
    }
.eFlow-model .eBtnhtml,.eFlow-model .eBtView{
    position: absolute;
    width: 90px;
    height: 32px;
    top: 280px;
    font-weight:bold;
    line-height: 32px;
    color: #3f3f3f;
    font-size: 16px;
    font-weight:normal;
    text-align: center;
    background:#fff;
    border-radius:5px;
    background: #fff;
    transition:background 0.8s,color 0.8s;
}
.eFlow-model .eBtnhtml{ left:55%;}
.eFlow-model .eBtView{ left:10%;}
.eFlow-model .eBtnhtml:hover ,.eFlow-model .eBtView:hover,.eFlow-model .eBtView.on{ color:#fff;   background:#2196f3;
}

.eFlow-model .eDes{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 0px;
    background: rgba(51, 51, 51, 0.8);
    color: #fff;
    width: 100%;
}
.eFlow-model .eDes:first-child {
    top: 0 !important;
    height: 70px;
background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.1) 0%, rgba(255, 255, 255, 0.4) 100%);
}
.eFlow-model .eNum {
    font-family: "Arial";
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-align: right;
}
.eFlow-model .eHeart{ display:block;}
.eFlow-model .eHeart em{ display:inline-block; font-size: 16px; padding-left:3px;line-height: 25px;width: 70%;overflow: hidden; white-space:normal;white-space: pre; text-overflow: ellipsis;}


.eFlow-model .eHeart i,.eFlow-model .eType{
    background-image:url(../../img/wm/icon.png);
    background-repeat: no-repeat;
    display: block;
    width:22px;
    height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float:left;
}
.eFlow-model .eHeart i{
    background-position: -43px 2px;
}
.eFlow-model .eHeart .eType {
    background-position: -70px 0px;
}
.eFlow-model .eLang{
    font-size: 16px;
    position: absolute;
    left: 15px;
    bottom: 10px;
}
.templates_Limit{margin-left: -25px;margin-right:-25px }
.pc-model{width:345px;
    height: 370px;
    float: left;
	margin-left:2%;
    margin-right:2%;
    margin-top:10px;
	margin-bottom:20px;
    position: relative;
	
   }
.pc-model .pro-m {
    width: 345px;
    background: url(../../img/wm/tem_7.png) no-repeat 0 top;
	background-size: 100%;
    position: relative;
    margin: 0 auto;
	padding-bottom:10px;
}
.fl{float: left}
.fr{float:right}
.pc-model a {
    display: block;
    position: relative;
}
.pc-model img {
    /*filter: alpha(opacity=70);
     -moz-opacity: 0.7;
   opacity: 0.7;*/
    width: 345px;
    height: 260px;
}
.pc-model .tex {
    margin-top:15px;
}
.pc-model .tex .p1 {
    color: #313131;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    width: 140px;
    overflow: hidden;
}
.pc-model .tex .p1 span {
    color: #adadad;
    font-size: 16px;
    margin-right: 10px;
}
.pc-model .ap4 {
    color: #313131;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    width: 300px;
    overflow: hidden;
}
.pc-model .ap4 i{
    width:21px;height: 21px;display: inline-block;
}
.pc-model .ap41 i{background: url(../../img/wm/heart.png) no-repeat left 5px; background-size: 18px 18px}
.pc-model .ap42 i{background: url(../../img/wm/apply.png) no-repeat left 5px; background-size: 16px 15px}
.pc-model .li_bg {
    width: 346px;
    height: 260px;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
	
    display: none;
}
.pc-model .an {
    position: absolute;
    left: 0;
    top: 25px;
    text-align: center;
    width: 100%;
    display: none;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.pc-model .an a {
    display: inline-block;
    width: 94px;
    height: 94px;
    text-align: center;
    line-height: 94px;
    color: #fff;
    font-size: 18px;
    border:2px solid  #198ede;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 10px;
}
.pc-model .an a:nth-child(2){border:2px solid  #fff;}

.TabMo{ display:inline-block;}
.eSearch{ float:right; border:1px solid #cfcfcf; border-radius:5px;}
.eSearch>input{ height:35px; min-width:200px; display:inline-block; border:none; padding:0px 5px;border-radius:5px; font-size:14px;}
.eSearch>a{ display:block; background:#cfcfcf url(../../img/wm/icon.png) no-repeat; background-position:-92px 5px; width:42px; height:35px;  float:right;}

/*触屏网站MO end*/



/*易营宝首页index*/
/*banner*/
#bannerCon{ width:100%;max-height:868px; overflow:hidden; }
.banMain{position:relative; width:100%; max-height:868px; height:868px; background:#22272b url(../../img/wm/bannerbg1.jpg) no-repeat center center;}
.banMain .bmImg{ max-width:1200px; top:350px; margin:0 auto; position:relative; }
.banMain .bmImg .bmImgdh{ position:relative; top: -50px;transition:transform 3s; transform-origin : center;transform:scale（1.5）;}
.banMain .bmImg .bmImg1{ border-left:5px solid #2196f3; padding-left:8px;}
.banMain .bmImg .bmImg2{ border-left:5px solid #fff; padding-left:8px; font-size:26px;    line-height: 1.5em; color:#fff; position:relative; top:20px;}
.mSbut,.banMain .bmImg .bmImg3{ position:relative; top:50px;}
.mSbut a,.webButton a,.banMain .bmImg .bmImg3 a,.bf-create-site .des a,.comp-msgset .submit{  padding:6px 20px; border-radius:5px; font-size:20px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;}
.webButton a{ font-size:18px !important;}
.mSbut a,.banMain .bmImg .bmImg3 a:last-child{ margin-left:20px; color:#fff;}
.banMain .bmImg4{ position:relative; top:-360px; left:20%;
animation:dhbmImg4 1s linear forwards;
-moz-animation: dhbmImg4 1s linear forwards;	/* Firefox */
-webkit-animation: dhbmImg4 1s linear forwards;	/* Safari 和 Chrome */
-o-animation: dhbmImg4 1s linear forwards;	/* Opera */
}
/*banner动画*/
.bmImgdh{ display:block; animation:spread 0.5s linear forwards; transform:scale(1, 0.1);
-moz-animation:spread 0.5s linear forwards;/* Firefox */
-webkit-animation:spread 0.5s linear forwards;/* Safari 和 Chrome */
-o-animation:spread 0.5s linear forwards;/* Opera */
}
@keyframes spread
{
   form{transform:scale(1, 0.1); opacity:0;}
   to{transform:scale(1, 1); opacity:1;} 
}
@-moz-keyframes @keyframes spread /* Firefox */
{
   form{transform:scale(1, 0.1); opacity:0;}
   to{transform:scale(1, 1); opacity:1;} 
}
@-webkit-keyframes @keyframes spread /* Safari 和 Chrome */
{
   form{transform:scale(1, 0.1); opacity:0;}
   to{transform:scale(1, 1); opacity:1;} 
}
@-o-keyframes @keyframes spread /* Opera */
{
   form{transform:scale(1, 0.1); opacity:0;}
   to{transform:scale(1, 1); opacity:1;} 
}


@keyframes dhbmImg4
{
from {top:300px; opacity:0;}
to {top:-360px; opacity:1;}
}

@-moz-keyframes dhbmImg4 /* Firefox */
{
from {top:300px; opacity:0;}
to {top:-360px; opacity:1;}
}

@-webkit-keyframes dhbmImg4 /* Safari 和 Chrome */
{
from {top:300px; opacity:0;}
to {top:-360px; opacity:1; }
}

@-o-keyframes dhbmImg4 /* Opera */
{
from {top:300px; opacity:0;}
to {top:-360px; opacity:1;}
}

/*banner end*/
/*功能*/
#funCon{ max-width:1200px; margin:100px auto;}
.funTit{ text-align:center;}
.funTit h2{ font-size:30px !important; font-family: "微软雅黑";}
.pg-webset{ padding:50px 0px 20px;}
.pg_name span{ 
	background: #2196f3;
    border-radius: 5px;
    /*display: inline-block;*/
    padding: 6px 20px;
    text-align: center;
    color: #fff;
    font-weight:normal;
    font-size: 22px;
    font-family: "微软雅黑";
   }
.funTit i{ margin:15px auto 100px; width:70px; height:2px; border-bottom:2px solid #2196f3; display:block;}
.funImg5 .funFeed>.funTit i{ margin:15px auto 50px;}
#funMain{ width:100%;}
#funMain ul{ display:table; width:100%;}
#funMain ul li{ width:20%; display:table-cell; text-align:center; border-right:1px solid #e8e8e8; -webkit-transition: box-shadow .25s ease-in-out; transition: box-shadow .25s ease-in-out;  }
#funMain ul li:last-child{ border:0;}
#funMain ul li .icon{ display:block; background-color: #f5f5f5; width: 130px; height: 130px; margin: -60px auto 0; border: 10px solid #fff; border-radius: 50%; -webkit-transition: background-color .25s ease-in; transition: background-color .25s ease-in;}
#funMain ul li .icon i{ vertical-align: middle; font-size: 5em; color: #2196f3; line-height: 110px; text-align: center; -webkit-transition: .25s ease-in; transition: .25s ease-in}
.funma{ display:block; position:relative;}
#funMain ul li .funma:before { position: absolute; top: 0; right: -15px; width: 1px; height: 100%; background: rgba(0,0,0,.09) }
#funMain ul li:last-child .content:before { display: none }
#funMain ul li h3{ padding:25px;}
#funMain ul li h4{ line-height:1.5em;}
#funMain ul li a{ display:block; background:#2196f3; width:125px; height:40px; margin:0 auto; color:#fff; line-height:40px; font-size:20px; box-shadow:0px 2px 1px rgba(125,125,125,0.7); margin-top:45px; margin-bottom:25px;}
#funMain ul li:hover,.zsnews1 a:hover,.container-4-3 .clearfloat li:hover{ cursor:pointer; box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2); }
#funMain ul li:hover .icon{ background:#2196f3; color:#fff;}
#funMain ul li:hover .icon i{ color: #fff; }
/*功能 end*/

/*创建移动网站*/
#mobSite{ width:100%; margin-bottom:100px; display:table;}
.mSitel,.mSiter{ width:50%; display:table-cell; }
.mSitel{ width:50%;  height:470px; background:#31363a url(../../img/wm/msbg.jpg) no-repeat right center; position:relative;}
.mSitel img{ position:absolute; right:40px; bottom:0px; }
.mSiter{ background:#f8f8f8;}
.mSiter .mSitercon{ width:60%; text-align:center;}
.mSiter .mSitercon h2{ padding:85px 25px 25px; white-space:nowrap; font-size: 22px;}
.mSiter .mSitercon h4{ line-height:2em; font-size:18px;}
.mSbut a{box-shadow:0px 2px 1px rgba(125,125,125,0.7);}
/*创建移动网站 end*/
.funImg{width:100%;}
.funImgle,.funImgri{ width:50%; min-height:200px; display:inline-block; margin:0; padding:0; }
.funImgle{background:#f8f8f8 url(../../img/wm/funimg3bg1.jpg) no-repeat center center;}
.funImgri{background:#2196f3 url(../../img/wm/funimg3bg2.jpg) no-repeat center center; float:right;}
.funImg img{ padding:40px 20px; max-width:493px;}
.funImg em{ display:block;  width:400px; height:1px; margin:0px 20px; text-align:center; padding-top:20px;}
.funImg h4{ text-align:center; padding: 20px 0 40px;}
.funIlemg,.funIrimg{ margin-top:25px; }
.funIlemg{ float:right; margin-right:40px;}
.funIrimg{ float:left; padding-left:40px;}
.funIrimg h4{ color:#fff;}
.funIrimg em{border-bottom:1px solid #fff;}
.funIlemg em{border-bottom:1px solid #d6d6d6;}

/*性能检测 end*/
.funImg4{ width:100%; min-height:300px; background:url(../../img/wm/imgbg4.jpg) no-repeat center top; padding:100px}
.funIcon{ max-width:1200px; min-height:300px; margin:0 auto; background:rgba(255,255,255,0.3); min-height:460px; display:table; }
.funIleft{ width:25%;display:table-cell; background:#fff;}
.funIlefttop{ text-align:center; padding:30px 15px; background:#2196f3;}
.funIlefttop h2{ color:#fff; line-height:1.5em;}
.funIleftbot{padding: 20px; background: #fff;}
.funIleftbot p{ line-height:1.8em; font-size:16px;}
.funIright{ width:70%; min-height:460px; background:url(../../img/wm/map1.png) no-repeat center center; display:table-cell;  background-size: 100%;}
/*性能检测 end*/
#funFbox{ overflow:hidden;z-index:1;}
.funFmain{ position:relative;  width:5000px; height: 190px; margin: 40px auto; overflow:hidden;}
.funFCon { display:table-cell; width:1160px; }
.funImg5{ min-height:200px; width:100%; background:#f8f8f8 url(../../img/wm/imgbg5.jpg) no-repeat center center;  padding: 100px 0px;}
.funFeed{ max-width:1200px; height:auto; background:#fff; margin:0 auto; padding:50px 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
.funFright,.funFleft{ display:flex; align-items: center;}
.funFleft{ float:left;}
.funFright{ text-align:right; float:right; margin-left:40px; }
.funFlogo{ width:106px; height:106px; display:inline-block; margin-bottom:20px;}
.funFlogo img{ border:1px solid #ccc; border-radius:50%;}
.funFtit{ display:inline-block; vertical-align: middle; border:1px solid #fff; }
.funFtitl2,.funFtitl{border-color: transparent #2196f3 transparent transparent; border-style:solid; border-width:12px; float:none; height:0px; orphans:2; margin-right:-5px;  text-align:-webkit-auto; widows:2; width:0px; display:inline-block; margin-bottom: 14%;}
.funFtitl2{border-color: transparent transparent transparent #2196f3 !important; margin-left:-5px;}
.funFtitr{max-width:428px; height:178px; background:#2196f3; display:inline-block; color:#fff;padding:10px; font-size:16px;}
.funFtitr em{ height:115px; overflow:hidden; white-space:normal; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:5; -webkit-box-orient:vertical; margin-bottom:18px; text-align:left; display:block; line-height:1.5em;}
.funFtitr i{ display:block; padding-right:12px; text-align:right; font-style:italic !important; height:38px;}
.funBut{ position:absolute; left:0; width:100%; width:100%; text-align:center;}
.funBut li{display:inline-block; margin:0px 5px; width:10px; height:10px;  border:1px solid #2196f3; border-radius:50%;}
.funBut li.on{background:#2196f3;}

.funFcon ul{ width:100% ; display:table; margin-top:50px;}
.funFcon ul li{ width:33%; border-right:1px solid  #e8e8e8; display:table-cell; text-align:center; cursor:pointer;}
.funFcon ul li:last-child{ border-right:0;}
.ContMain ul li p,.funFcon ul li p{ display:block; width:62px; height:62px; box-shadow:0px 3px 4px rgba(0,0,0,0.2); border-radius:50%; margin:0 auto; transition:background 1s;}
.ContMain ul li p i,.funFcon ul li p i{ line-height:58px; font-size:2.8em; color:#2196f3; transition:color 0.5s; }
.funFcon ul li h4{ color:#22272b; padding-top:10px;}
.funFcon ul li:hover p{ background:#2196f3;}
.funFcon ul li:hover p i{ color:#fff; cursor:pointer;}
/*客户反馈 end*/
.conTact{ margin-bottom:0 !important;}
.funImg6{ background:#404040 url(../../img/wm/imgbg6.jpg) no-repeat center center;min-height:200px; width:100%; padding:100px;}
.funCont{ max-width:1200px; margin:0 auto;}
.funCont>.funTit a h2{ color:#fff;}
.funCont>.funTit a i{ transition:border-bottom 1s;}
.funCont>.funTit a:hover i{ border-bottom: 2px solid #fff;}

#indContact{ max-width:760px; margin:-60px auto 0;}
.indCont{ width:100%; height:50px; line-height:43px;background:#2196f3; color:#fff; text-align:center; font-size:16px;}
.indCont i{ font-size:1.8em; padding-right:10px; }
#contactForm>.mdl-textfield__input,#contactForm>textarea{ background:none; border:none; border-bottom:2px solid #fff; color:#fff; font-size:18px;}
#contactForm>input:focus,#contactForm>textarea:focus{ outline:none; border-bottom:2px solid #2196f3;}
#contactForm>.mdl-textfield__input{width:49%; margin-top:20px;}
#contactForm>.mdl-textfield__input:first-child{ margin-right:10px;}
#contactForm>textarea{ height:60px; margin-top:20px;}

#contactForm input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1; 
}

#contactForm input::-moz-placeholder{ /* Mozilla Firefox 19+ */
    color: #fff;opacity:1;
}

#contactForm input:-ms-input-placeholder{
    color: #fff;opacity:1;
}

#contactForm input::-webkit-input-placeholder{
    color: #fff;opacity:1;
}
#contactForm textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1; 
}

#contactForm textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
    color: #fff;opacity:1;
}

#contactForm textarea:-ms-input-placeholder{
    color: #fff;opacity:1;
}

#contactForm textarea::-webkit-input-placeholder{
    color: #fff;opacity:1;
}

.subBut{ font-size:20px; color:#fff; background:#2196f3; border:none; border-radius:5px; padding:5px 20px; text-align:center; display:block; margin:20px auto; display:block;}
#contactForm>.subBut:focus{ border-bottom:none;}

.ContMain{ width:100%; background:#2196f3;}
.ContMain ul{ width:100%; margin:0 auto; padding:50px 0; display:table;}
.ContMain ul li{ width:33%;  display:table-cell; text-align:center; cursor:pointer;}
.ContMain ul li p{ background:#fff; box-shadow:none; transition:box-shadow 1s;}
.ContMain ul li h4{ color:#fff; padding-top:10px;}
.ContMain ul li:hover p{box-shadow:0px 3px 4px rgba(0,0,0,0.2);}

.mapBg{ width:100%; position:relative; min-height:60px;overflow:hidden; background:url(../../img/wm/mapbg.jpg) no-repeat center center; position:relative;}
.mapBgTit,.mapBgTitqx{ position:absolute; cursor:pointer; width:100%; height:60px; background:rgba(33,150,243,0.72); position:absolute; text-align:center; font-size:20px; color:#fff; line-height:60px;}
.mapBgTitqx{ display:none;}
.mapCon{ height:360px; display:none;}
/*联系我们 end*/
#efooter{ width:100%; min-height:300px; background:#303030;}
.tFnav{ min-height:300px; max-width:1200px; margin:0 auto; padding:30px 0;}
.tFoot{ height:50px; width:100%; background:#1b1b1b; clear:both; color:#fff; line-height:50px;}
.tFnav ul li{ float:left; width:11%; margin-right:1.8%}
.tFnav ul li:nth-child(4){ width:15%;}
.tFnav ul li:nth-child(5){ width:18%;}
.tFnav ul li:last-child{ width:25%; margin-right:0;}
.tFnav ul li a,.tFnav ul li a h4,.tFnav ul li p{ color:#fff;}
.tFnav ul li a i{ display:block; width:40px; height:2px; border-bottom:1px solid #2196f3; padding-bottom:6px;}
.tFnav ul li a,.tFnav ul li p{ display:block; padding:6px 0; font-size:14px; line-height:1.4em;}
.tFoot h5{ display:inline-block;}
.tFoot a{display:inline-block; font-size:14px; color:#fff; padding:0px 10px;}
.wech{ padding-left:78px !important; height:73px; margin-top:10px;}
.ch1{background:url(../../img/wm/wech.jpg) no-repeat left center;  line-height:63px !important;}
.ch2{background:url(../../img/wm/wech2.jpg) no-repeat left center; line-height:20px; padding-top: 17px !important; }
.tFoot img{ float:right; margin-top:7px;}
/*联系我们 end*/

@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot?v=2'); /* IE9*/
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bangzhu:before { content: "\e600"; }

.icon-jiantou:before { content: "\e601"; }

.icon-sousuo:before { content: "\e602"; }

.icon-sousuo1:before { content: "\e603"; }

.icon-dianhua:before { content: "\e604"; }

.icon-youxiang:before { content: "\e61d"; }

.icon-weibiaoti2:before { content: "\e651"; }

.icon-zizhujianzhan:before { content: "\e793"; }

.icon-dianhua1:before { content: "\e605"; }

.icon-diannao04:before { content: "\e618"; }

.icon-diyxuanchuanye:before { content: "\e625"; }

.icon-xiaolian15:before { content: "\e796"; }

.icon-c:before { content: "\e660"; }

.icon-bangzhu1:before { content: "\e663"; }

.icon-jiantou1:before { content: "\e644"; }

.icon-xinwen:before { content: "\e621"; }

.icon-iconfontbijibendiannao:before { content: "\e677"; }

.icon-dizhi:before { content: "\e642"; }

.icon-yingyong:before { content: "\e70a"; }

.icon-c1:before { content: "\e683"; }

.icon-weixin:before { content: "\e695"; }

.icon-tuichu-copy:before { content: "\e606"; }

.icon-xitong:before { content: "\e60a"; }

.icon-yingxiao:before { content: "\e61b"; }

.icon-store:before { content: "\e627"; }

.icon-bd_laba:before { content: "\e61e"; }

.icon-dianhua2:before { content: "\e633"; }

.icon-weiwangzhan:before { content: "\e76d"; }

.icon-shangcheng:before { content: "\e609"; }

.icon-gongsi:before { content: "\e615"; }

.icon-xitong1:before { content: "\e6d6"; }

.icon-icon:before { content: "\e62e"; }

.icon-xitong2:before { content: "\e626"; }

.icon-dianhua21:before { content: "\e63e"; }

.icon-gonggao:before { content: "\e6f2"; }

.icon-wangzhanxitong:before { content: "\e6a8"; }

.icon-diannaoshouji:before { content: "\e60b"; }

.icon-shouji:before { content: "\e632"; }

.icon-huiyuan:before { content: "\e6fb"; }

.icon-huiyuan1:before { content: "\e620"; }

/*icon end*/

/*按钮交互效果*/
.buttonBg,.comp-msgset .submit{
 background:#2196f3;    color: #fff; 
 }
.bmImg3 a:first-child{ background:#fff;}
.bmImg3 a:first-child:hover{ color:#2196f3;}

.buttonBg:hover,.TopSign li:last-child a:hover,.bf-sel-model input[type="button"]:hover,.comp-msgset .submit:hover{ 
 text-decoration:none;
 background:#5bb7ff !important;
 color:#fff;
 }
 
.sInmati5 button:last-child:hover{
 background: -moz-linear-gradient(top, #95de95 0%, #62dc61 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95de95), color-stop(100%,#62dc61));
 background: -webkit-linear-gradient(top, #95de95 0%,#62dc61 100%);
 background: -o-linear-gradient(top, #95de95 0%,#62dc61 100%);
 background: -ms-linear-gradient(top, #95de95 0%,#62dc61 100%);
    }
.sInmati5 button:first-child:hover{
 background: -moz-linear-gradient(top, #7fc1f5 0%, #46a7f3 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fc1f5), color-stop(100%,#46a7f3));
 background: -webkit-linear-gradient(top, #7fc1f5 0%,#46a7f3 100%);
 background: -o-linear-gradient(top, #7fc1f5 0%,#46a7f3 100%);
 background: -ms-linear-gradient(top, #7fc1f5 0%,#46a7f3 100%);
    }
/*按钮交互效果 end*/ 

/*main共用部分*/
.Container{ margin:40px auto 0px ; z-index:1;}
.butNav{ display:inline-block; text-align:right; width:50px; height:40px; border:1px solid #2196f3; border-radius:8px; position:absolute; right:10px; top:15px; padding:6px; cursor:pointer; display:none;}
.butNav i{ display:block; height:2px; width:80%; background:#2196f3; margin:5px auto;}
/*index media*/
.Con{ max-width:1200px; width:auto; margin:0 auto; }
@media screen and (max-width: 320px){
    .funTit h2{ font-size:22px;}
    #funMain ul li h3{ font-size:20px;}
    .ContMain ul li h4{ font-size:16px;}
    .navNew{ width:100%; background:#fff; margin-top: -2px; display:none;  padding: 0px 10px; border-top:2px solid #2196f3; border-bottom: 1px solid #ccc;}
    .TopNav{ padding-bottom:30px;}
    .TelMain .MainTitle{ padding-left:10px;}
    .TelMain img{ padding-left:10px;}
    .TopNav li{ width:100% !important;  padding: 0 10px; display:block !important; height:45px;} 
    .TopSign{ position:absolute; right:10px; top:70px;}
    .butNav{ display:block !important;}
    .indicator{ display:none;}
    .TelMain .MainNav{ width:36%;}
    .TelMain .MainNav li{ padding:0; display:none;}
    .TelMain .MainNav li:last-child{ display:none;position: absolute;right: -10px;}
    .TelMain .MainTitle{ font-size:12px;}
    .TelMain .MainTel{font-size: 12px !important; padding:0 !important;}
    .TelMain .MainNav li a{font-size: 12px !important; padding:0 !important;}
    .TelMain .MainNav li i{font-size: 12px !important; padding:0 !important;}
    .form-lan{ font-size:12px;}
    .TopNav li{ padding:0px !important;}
    #TabMo2 ul li{ margin-bottom:40px !important;}
    #funMain ul{ display:block !important; position:relative; top:-30px; }
    #funMain ul li{ width:95% !important; border-right:0px; margin:120px auto 0px; display:block !important; border-bottom:1px solid #e8e8e8;}
    #funMain ul li:last-child{ margin-bottom:50px;  border-right:0px; border-bottom: 1px solid #e8e8e8 !important;}
    .mSiter .mSitercon,.mSitel{height: 350px; width:100% !important; display:block !important; text-align:center;}
    .mSiter{ height:250px; display:block; width:100%;}
    .mSitel img{ width: 90%; right:20px; display: block; margin: 0 auto;}
    .mSbut{ top:25px !important; text-align: center;}
    .bmImg3{ top:50px;}
    .mSbut a, .banMain .bmImg .bmImg3 a{ font-size:16px;}
    #funCon{ margin:50px auto !important;}
    .funIleft,.funIright{ width:100% !important; display: block !important;}
    .funIright{ min-height:140px !important;}
    .funFcon ul{ width: 95% !important;  margin: 0 auto;}
    #mobSite{ margin-bottom:50px !important;}
    .funImg4{ padding:50px !important;}
    .funFmain{ height:630px !important; width:380px;}
    .funFtitr{ width:175px !important; height:300px;}
    .funFtitr em{ height:230px;}
    .funFtitl2, .funFtitl{ margin-bottom:120px;}
    .funFright{width:100%; margin-top:40px;}
    #contactForm>.mdl-textfield__input{ width:48.5%;}
    .tFnav ul li{ width:26%; margin-left:10px;}
    .tFnav ul li:nth-child(1){ display:none; }
    .tFnav ul li:nth-child(2){ width:100%; float:none; margin-bottom: 30px;}
    .tFnav ul li:nth-child(2) a{ display:inline-block; padding:0px;}
    .tFnav ul li:nth-child(2) a:first-child{ display: block; padding:0 !important;}
    .tFnav ul li:nth-child(4){ width:29% !important;}
    .tFnav ul li:nth-child(5){ width: 25%; float: right;}
    .wech{ padding:0px !important;}
    .tFnav ul li:nth-child(5) p:last-child,.tFnav ul li:nth-child(5) span{display:none;}
    .tFnav ul li:last-child{ width:95% !important; padding: 20px 10px;}
    .funImg5{ padding:0 !important;}
    .funImg6{ padding:40px 20px !important;}
    .banMain{ height:400px;}
    .bmImg4{ display:none;}
    .conTact{ margin-bottom:0px !important;}
    .mSiter .mSitercon h2{ padding:50px 10px 10px 10px; white-space:normal; font-size:17px;}
    .banMain .bmImg .bmImg1{ width:90% !important;}
    .banMain .bmImg .bmImg2{ font-size:20px;}
    .mSiter .mSitercon h4{ font-size:15px;}
    .banMain .bmImg{ margin-left:10px; top: 180px;}
    .funImg{ min-height:130px !important; margin-top: -30px;}
    .funFlogo{ border:1px solid #ccc; border-radius:50%;width: 70px;  height:70px;}
    .ContMain ul li{ width:100%; display:block; border-bottom:1px solid rgba(255,255,255,0.2); padding-top:40px;}
    .tFoot{ height:130px; text-align:center; padding-top:10px;}
    .tFoot a{ padding:0 2px;}
    .tFoot h5{display: block;    padding: 8px 5px 0;margin-bottom: -8px;}
    .tFoot img{ display:block; float:none !important; margin:-10px auto !important;}
    #contactForm>.mdl-textfield__input{ width:100%;}
    .signInImg{ margin-right:13px;}
    .signInTab ul{right: -15px !important;top: 60px !important;}
    .funImgle,.funImgri{ width: 100%;min-height: 300px !important;}
    .funImg img{width: 85%;display: block; margin: 0 auto;}
    .funImg em{ width:80%; margin:0 auto;}
    .funIlemg{ margin:0 auto !important;}
    .funIrimg{ padding:0 !important;}
    .funFeed{ width:320px; padding:10px;}
    .funFCon{width:320px !important;}
    .funFcon{ padding:70px 0px 50px; width: 100%;}
    .funIrimg,.funIlemg{ float:none !important; margin:20px auto;}
    .ContMain ul{ padding:0px 0px 40px !important;}
    .funIlefttop h2{ font-size:20px;}
    .signConma{ width:300px !important;}
    .sInmati5 button{ width:45.5% !important;}
    .sInmati6 p{ width:60%;}
    .signConma span{ font-size:14px;}
    .sInmati5 button:last-child{ margin-left:10px !important;}
    .sInmati5 button i{left: 0px !important;}
    .TopNav li a:hover{ color:#2196f3; text-decoration:underline !important;}
    }
    
@media  (max-width: 425px) and (min-width: 321px){
    .navNew{ width:100%; background:#fff; display:none;margin-top: -2px;  padding: 0px 10px; border-top:2px solid #2196f3; border-bottom: 1px solid #ccc;}
    .TopNav{ padding-bottom:30px;}
    .TelMain .MainTitle{ padding-left:10px;}
    .TelMain img{ padding-left:10px;}
    .TopNav li{ width:100% !important;  padding: 0 10px; display:block !important; height:45px;} 
    .TopSign{ position:absolute; right:10px; top:70px;}
    .butNav{ display:block !important;}
    .TopNav li a:hover{ color:#2196f3; text-decoration:underline !important;}
    .indicator{ display:none;}
    .TelMain .MainNav{ width:36%;}
    .TelMain .MainNav li{ padding:0; display:none;}
    .TelMain .MainNav li:last-child{ display:inline-block;position: absolute;right: -10px;}
    .TelMain .MainTitle{ font-size:12px;}
    .TelMain .MainTel{font-size: 12px !important; padding:0 !important;}
    .TelMain .MainNav li a{font-size: 12px !important; padding:0 !important;}
    .TelMain .MainNav li i{font-size: 12px !important; padding:0 !important;}
    .form-lan{ font-size:12px;}
    .TopNav li{ padding:0px !important;}
    #TabMo2 ul li{ margin-bottom:40px !important;}
    #funMain ul{ display:block !important; position:relative; top:-30px; }
    #funMain ul li{ width:95% !important; border-right:0px; margin:120px auto 0px; display:block !important; border-bottom:1px solid #e8e8e8;}
    #funMain ul li:last-child{ margin-bottom:50px;  border-right:0px; border-bottom: 1px solid #e8e8e8 !important;}
    .mSiter .mSitercon,.mSiter,.mSitel{height: 420px; width:100% !important; display:block !important; text-align:center;}
    .mSiter{ height:290px !important;}
    .mSitel img{ width: 80%; right:40px; display: block; margin: 0 auto;}
    .mSbut, .banMain .bmImg .bmImg3{ top:50px !important; text-align: center;}
    .mSbut a, .banMain .bmImg .bmImg3 a{ font-size:16px;}
    #funCon{ margin:50px auto !important;}
    .funIleft,.funIright{ width:100% !important; display: block !important;}
    .funIright{ min-height:140px !important;}
    .funFcon ul{ width: 95% !important;  margin: 0 auto;}
    #mobSite{ margin-bottom:50px !important;}
    .funImg4{ padding:50px !important;}
    .funFmain{ height:500px !important; width:380px;}
    .funFtitr{ width:260px !important; height:220px;}
    .funFtitr em{ height:160px;}
    .funFtitl2, .funFtitl{ margin-bottom:80px;}
    .funFright{  width:100%;margin-top: 40px;}
    #contactForm>.mdl-textfield__input{ width:48.5%;}
    .tFnav ul li{ width:26%; margin-left:10px;}
    .tFnav ul li:nth-child(1){ display:none; }
    .tFnav ul li:nth-child(2){ width:100%; float:none; margin-bottom: 30px;}
    .tFnav ul li:nth-child(2) a{ display:inline-block; padding:0px 3px;}
    .tFnav ul li:nth-child(2) a:first-child{ display: block; padding:0 !important;}
    .tFnav ul li:nth-child(4){ width:29% !important;}
    .tFnav ul li:nth-child(5){ width: 25%; float: right;}
    .wech{ padding:0px !important;}
    .tFnav ul li:nth-child(5) p:last-child,.tFnav ul li:nth-child(5) span{display:none;}
    .tFnav ul li:last-child{ width:95% !important; padding: 20px 10px;}
    .funImg5{ padding:0 !important;}
    .funImg6{ padding:40px 20px !important;}
    .banMain{ height:400px;}
    .bmImg4{ display:none;}
    .conTact{ margin-bottom:0px !important;}
    .mSiter .mSitercon h2{ padding:50px 10px 10px 10px; white-space:normal; font-size:22px;}
    .banMain .bmImg .bmImg1{ width:80% !important;}
    .banMain .bmImg .bmImg2{ font-size:20px;}
    .banMain .bmImg{ margin-left:10px; top: 180px;}
    .funImg{ min-height:130px !important; margin-top: -30px;}
    .funFlogo{ border:1px solid #ccc; border-radius:50%;width: 80px;  height: 80px;}
    .ContMain ul li{ width:100%; display:block; border-bottom:1px solid rgba(255,255,255,0.2); padding:30px 0px;}
    .tFoot{ height:140px; text-align:center; line-height: 35px; padding-top:10px;}
    .tFoot a{ padding:0 2px;}
    .tFoot h5{display: block; padding-top: 8px; margin-bottom: -8px;}
    .tFoot img{ display:block; float:none !important; margin:-10px auto !important;}
    #contactForm>.mdl-textfield__input{ width:100%;}
    .signInImg{ margin-right:13px;}
    .signInTab ul{right: -15px !important;top: 60px !important;}
    .funImgle{ width: 100%;min-height: 400px !important;}
     .funImgri{ width: 100%;min-height: 430px !important;}
    .funImg img{width: 85%;display: block; margin: 0 auto;}
    .funImg em{ width:80%; margin:0 auto;}
    .funIlemg{ margin:0 auto !important;}
    .funIrimg{ padding:0 !important;}
    .funFeed{ width:400px; padding:10px;}
    .funFCon{width:380px !important;}
    .funFcon{ padding:70px 0px 50px; width: 100%;}
    .funIrimg,.funIlemg{ float:none !important; margin:20px auto;}
    .ContMain ul{ padding:0px 0px 40px !important;}
    .signConma{ width:350px !important;}
    .sInmati5 button{ width:45% !important;}
    .sInmati6 p{ width:60%;}
    }

@media (min-width: 426px) and (max-width: 768px){
    .Con{width:700px !important;}
    .TelMain{ width:740px !important;}
    .TelMain .MainNav{ width:59%;}
    .TelMain .MainNav li{ padding:0 !important;}
    .TelMain .MainTitle{ font-size:12px;}
    .TelMain .MainTel{font-size: 12px !important; padding:0 !important;}
    .TelMain .MainNav li a{font-size: 12px !important; padding:0 !important;}
    .TelMain .MainNav li i{font-size: 12px !important; padding:0 !important;}
    .form-lan{ font-size:12px;}
    .navNew{ width:78%;}
    .TopNav li{ padding:0px !important;}
    #TabMo2 ul li{ margin-bottom:40px !important;}
    #funMain ul{ display:block !important; position:relative; top:-30px; }
    #funMain ul li{ width:50% !important; display:block !important; float: left; margin-top: 70px;}
    .mSiter .mSitercon,.mSiter,.mSitel{ width:100% !important; display:block !important; text-align:center;}
    .mSiter{ height:300px;}
    .mSbut, .banMain .bmImg .bmImg3{ top:40px !important;}
    #funCon{ margin:50px auto !important;}
    .funIleft,.funIright{ width:100% !important; display: block !important;}
    .funIright{ min-height:300px !important;}
    #mobSite{ margin-bottom:50px !important;}
    .funImg4{ padding:50px !important;}
    .funFmain{ height:400px !important; margin:10px auto 40px;}
    .funFtitr{ width:390px !important;}
    .funFright{margin-top:40px;}
    #contactForm>.mdl-textfield__input{ width:48.5%;}
    .tFnav ul li{ width:15%;}
    .tFnav ul li:nth-child(4){ width:23%;}
    .tFnav ul li:nth-child(5){ width:23%;}
    .tFnav ul li:last-child{ width:100% !important; padding-bottom:20px;}
    .funImg5,.funImg6{ padding:50px;}
    .banMain{ height:460px;}
    .bmImg4{ display:none;}
    .conTact{ margin-bottom:0px !important;}
    .banMain .bmImg{ top:240px;}
    .funFeed{ width:700px !important;}
    .funImg5{ padding:100px 0px !important;}
    .funFCon{width:660px !important;}
    .funImgle, .funImgri{ width:100%; padding-top: 40px;}
    .funIlemg,.funIrimg{ margin:0 auto; text-align:center;}
    .funIlemg em,.funIrimg em{ margin:0 auto;}
    .mSitel img,.funImg img{ width:350px !important; padding:0 !important;}
    .mSitel img{ width:350px !important;left:27%;}
    #mobSite{ margin-bottom:70px !important; }
    .funIrimg,.funIlemg{ float:none; margin:20px auto;}
    #funMain{ margin-top:-30px;}
    .banMain .bmImg .bmImgdh{ top:-130px;}
    .funIlefttop h2{ font-size:20px !important;}
    .mSiter .mSitercon h2{padding: 55px 25px 25px;}
    .funImg{ margin-top:-30px;}
    .ContMain ul li{ width:40%;}
    .TopNav li a{ padding:0px 5px;}
    .tFoot{ height:130px; line-height:35px; text-align:center;}
    .tFoot img {
    display: block;
    float: none !important;
    margin: 0px auto !important;
}
.tFoot h5{ display:block; padding-top: 15px;}
#TabMo3 ul li, #TabMo1 ul li{ margin-top:10px;}
    }
@media (min-width: 769px) and (max-width: 999px){
    .Con{width:100% !important; padding:0px 10px !important;}
    .navNew{ width:75%;}
    #TabMo2 ul li{ margin-bottom:40px !important;}
    #funMain ul{ display:block !important; }
    #funMain ul li{ width:50% !important; display:block !important; float: left; margin-top: 80px;}
    #funMain ul li:nth-child(3){ margin-bottom:70px;}
    #funMain ul li:last-child{ margin-bottom:70px;}
    .TopNav li{padding: 0px; }
    .TopNav li a{ padding:0px 10px;}
    .tFnav ul li:nth-child(5){ width:18%;}
    .mSiter .mSitercon{ width:100% !important;}
    .banMain{ height:600px !important;}
    .banMain .bmImg4{width: 520px; left:40% !important;}
    .funFmain{ height: 280px;}
    .funFtitr{ width:645px;height:128px;}
    .funFtitr em{ height:68px;}
    .funFtitl2, .funFtitl{ margin-bottom: 40px;}
    .funFlogo{ margin-bottom:0;}
    .funFleft{margin-bottom: 30px;}
    .funFright{ margin-top:5px;}
    #funCon{ margin: 70px auto;}
    .banMain .bmImg { width:90% !important; top: 330px; left:20px;}
    .funFeed{ width:800px !important;}
    .funImg5{ padding:100px 0px !important;}
    .funFCon{width:760px !important;}
    .mSitel img,.funImg img{ width:380px !important;}
    .mSitel img{ width:350px !important; right: 20px;}
    #mobSite{ margin-bottom:50px !important;}
    .funIlemg{margin-right: 0px;}
    #funMain{ margin-top:-30px;}
    .banMain .bmImg .bmImgdh{ top:-130px;}
    .banMain .bmImg .bmImg1{ width:350px;}
    .banMain .bmImg .bmImg2{ font-size:20px;}
    .mSbut a, .banMain .bmImg .bmImg3 a{ font-size:16px !important;}
    .funIlefttop h2{ font-size:20px !important;}
    #efooter{padding:0px 10px;}
    }

@media (min-width: 1000px) and (max-width: 1024px){
    .Con{width:1000px !important;}
    .navNew{ width:72%;}
    #TabMo2 ul li{ margin-bottom:40px !important;}
    #funMain ul{ display:block !important; }
    #funMain ul li{display:block !important; float: left; margin-top: 40px;}
    #funMain ul li:nth-child(3){ margin-bottom:70px;}
    #funMain ul li:last-child{ margin-bottom:70px;}
    .TopNav li{padding: 0px; }
    .TopNav li a{ padding:0px 15px;}
    .tFnav ul li:nth-child(5){ width:18%;}
    .mSiter .mSitercon{ width:100% !important;}
    .banMain{ height:560px !important;}
    .banMain .bmImg4{width: 550px; left:40% !important;}
    .banMain .bmImg .bmImg1{ width:400px;}
    .funFmain{ height: 280px; margin: 20px auto 40px;}
    .funFtitr{ width:645px;height:128px;}
    .banMain .bmImg .bmImg2{ font-size:24px;}
    .mSbut a, .banMain .bmImg .bmImg3 a{ font-size:16px;}
    .funFtitr em{ height:68px;}
    .funFtitl2, .funFtitl{ margin-bottom: 40px;}
    .funFlogo{ margin-bottom:0;}
    .funFleft{margin-bottom: 30px; margin-left:20px;}
    .funFright{ top:0px;}
    #funCon{ margin: 70px auto;}
    .banMain .bmImg {  max-width: 900px; top: 300px;}
    .banMain .bmImg .bmImgdh{top:-120px;}
    .funFeed{ width:930px !important;}
    .funImg5{ padding:100px 0px !important;}
    .funFCon{width:885px !important;}
    .mSitel img,.funImg img{ width:420px !important;}
    .mSitel img{ width:390px !important;}
    .funIlemg{margin-right: 20px;}
    #efooter{padding:0px 10px;}
    .tFoot a{ padding:0px 6px;}
    .choose_template .main .content .mask ul li{ margin-right: 23px !important;}
    }

@media (min-width: 1025px) and (max-width: 1366px) {
.Con{width:1200px !important;}
#funCon{ margin: 70px auto;}
.banMain .bmImg {  max-width: 1200px; top:190px; left: 50px;}
.banMain .bmImg4{width: 600px; margin-top: 50px; left:35% !important;}
.banMain{ max-height:560px; height:560px;}
    }
@media (min-width: 1367px) and (max-width: 1600px) {
.Con{width:1200px !important;}
.banMain .bmImg {  max-width: 1200px; top: 390px;}
.banMain .bmImg4{width: 700px; left:38% !important;}
    }
@media (min-width: 1661px) and (max-width: 1920px) {
.Con{width:1200px !important;}
.banMain .bmImg4{width: 700px; left:35% !important;}
.banMain .bmImg {max-width: 1200px; top: 400px;}
	}
@media (min-width:1921px) and screen {
.banMain .bmImg {  max-width: 1200px; top: 380px;}
.Con{width:1200px !important;}
.banMain .bmImg4{width: 700px; left:50% !important;}
    }
/*media end*/

/*会员登录后导航*/
.signIn{ position:relative; }
.signInImg{ display:block; position: absolute; right: 0px; top:0px; width:110px; height:73px;}
.signInImg p{float:right;  margin-right:25px; margin-top:10px; width:55px; height:55px; background:url(../../img/wm/member.png) no-repeat center center; background-size:100%; display:block; border-radius:50%; border:2px solid #2196f3; transition:border-color 1s; cursor:pointer;}
.signInTab{ position:absolute; display:none; transition:opacity 0.5s; z-index:999; background:#fff; top:5px; right:0px; }
.signInTabbl{ display:block;}
.signInCon{position:relative;}
.signInTab ul{background:#fff; width:140px; position:absolute; right:0; top:67px;  border:1px solid #ccc; border-bottom:none;}
.signInTab ul li{ display:block; border-bottom:1px solid #ccc; padding:0px 10px; overflow:hidden; white-space:nowrap;     text-overflow: ellipsis; transition:background 1s;}
.signInTab ul li a{ display:block;overflow: hidden;  text-overflow: ellipsis; white-space: normal; vertical-align:middle; line-height:45px; transition:color 0.5s; font-size:14px;color:#000;}
.signInTab ul li a i{ display:inline-block; font-size:1.4em; padding-right:5px; color:#000;    position: relative; top: 3px;}
.signInImg:hover .signInTab{ display:block;}
.signInTab ul li a:hover,.signInTab ul li a:hover i,.signInTab ul li a:hover>span{ color:#fff;}
.signInTab ul li:hover{ background:#2196f3;}
.signIn:hover .signInImg p{border:2px solid #71bdfa;}
.signIn:hover  .signInTab{ display:block;}
.signInTab ul li a>.iconImgc{ 
    float: left;
    padding-left: 20px;
    position: relative;
    top: 10px;
    width: 20px;
    height: 25px;
    display: block;
    background: url(../../img/wm/icon.png) no-repeat;
    background-position:-348px -106px;
    }
.signInTab ul li a:hover .iconImgc{background-position: -348px -140px;}
.signInTab ul li a>span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;; position:absolute; width:75%; color:#000; }
/*会员登录后导航 end*/

/*登录*/
#signCon,#register{ position:fixed; top:0; z-index:999; height:100%; width:100%; background:rgba(0,0,0,0.85); display: flex;align-items: center;}
.signConma{ overflow:hidden; width:470px; min-height:226px; height:auto; padding:10px; margin:0px auto; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); box-shadow:0px 0px 10px rgba(255,255,255,0.3) inset; border-radius:5px;}
.sInmain{ background:#f6f6f6; width:100%; height:100%;}
.sInti{height: 50px; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #d9d8d8));}
.sInti h3{line-height: 50px; display: inline-block; padding-left: 30px; font-size: 20px;color: #555555;}
.sInti .sInclose{display:inline-block; float:right; font-size:25px; cursor:pointer; color:#555555; transition:background 0.6s;    margin: 15px;
    text-align: center;font-weight: bolder;width:23px;line-height:20px;height:23px; border-radius:23px;}
.sInti .sInclose:hover{ background:#ccc;;}
.sIn{cursor:pointer; width:80%; margin:25px auto 0px; position:relative;}
.sIn input{ height:40px;border:1px solid #d3d9de; line-height:40px; padding-left:40px;}
.sInmati3 input{ height:15px; margin:0;}
.sIn i{ transition:background-position 0.3s; display:block; background:url(../../img/wm/icon.png) no-repeat; width:24px; height:24px; position:absolute; top:8px; left:10px;}
.sInmati1 span,.sInmati2 span{ color:red; float:right; position:relative; top:-26px; right:-15px;}
.sInmati1 i{ background-position:-2px -108px;}
.sInmati2 i{ background-position:-40px -108px;}
.sInimg1 i{ background-position:-76px -108px;}
.sInimg2 i{ background-position:-114px -108px;}
.sInimg3 i{ background-position:-151px -108px;}

.sIn:hover input{ border-color:#2196f3;}
.sInmati1:hover i{background-position:-2px -142px; }
.sInmati2:hover i{background-position:-40px -142px;}
.sInimg1:hover i{ background-position:-76px -142px;}
.sInimg2:hover i{ background-position:-114px -142px;}
.sInimg3:hover i{ background-position:-151px -142px;}

.sInmati3{ width:80%; margin:10px auto 0px;}
.sInmati3 span{  padding-left:5px; color:#888; font-weight:normal; position:relative;top:-2px; font-size:14px;}
.sInmati3 span a{font-size:14px !important; color:#888; text-decoration:underline;}
.sInmati3>a{ text-decoration:underline; display:inline-block; color:#888; font-size:14px;}
.sInmati3>a:last-child{ float:right; position:relative; top:-2px;}
.sInmati3 a:hover,.sInmati6 a:hover{ color:#2196f3; text-decoration:underline !important;}

.sInmati4 button{ width:100%; border-radius:5px; border:none;  height:40px; line-height:20px; font-size:16px; background:#2196f3; color:#fff;}
.sInmati5 button{ width:46.5%; border-radius:5px; border:none; height:40px; font-size:16px; color:#fff; }
.sInmati5 button:first-child{ background:#7fc1f5;}
.sInmati5 button:last-child{ float:right; margin-left:25px; background:#95de95;}
.sInmati5 button i{ width:32px; height:26px; position:relative; top:2px; left:-5px; display:inline-block; background:url(../../img/wm/icon.png) no-repeat;}
.sInmati5 button:last-child i{ background-position:-232px -108px;}
.sInmati5 button:first-child i{  background-position:-314px -108px;}
.sInmati5 button span{ dis  play:inline-block; position:relative; top:-6px; }
.sInmati5 button:hover{ border:0px;}

.sInmati6{ width:95% !important; margin-bottom: 10px; }
.sInmati6 p{ display:inline-block;font-size:12px;color:#888;}
.sInmati6 p span{ color:red; position:relative; top:3px;}
.sInmati6 a{ display:inline-block; text-decoration:underline; float:right; font-size:12px; color:#888;}
label{ margin:0;}

.sInmati7{ position:relative; top:3px;}
.table{ margin:0px;}
/*.table-bordered{ border:none;}*/
.sInmati7 tbody tr td{ width:15%; height:3px !important; padding:0px; overflow:hidden;vertical-align: middle !important; text-align:center; border:0px;}
.sInmati7 table tr td:first-child{background:#60accf;}
.sInmati7 table tr td:nth-child(2){background:#ffa659;}
.sInmati7 table tr td:nth-child(3){background:#f4d445;}
.sInmati7 table tr td:nth-child(4){background:#df6764;}
.sInmati7 table tr td:nth-child(5){background:#7fb94f;}
.sInmati7 table tr td:last-child{background:#2196f3;}
.sInerror{
    border-radius: 5px;
    padding: 5px 2px;
    color: red;
    border: 1px solid #f6c8b5;
    background: #fceee8;
    font-size: 14px;
    }
    
.sInerror p i{width: 14px;
    height: 14px;
    line-height: 13px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background: #ff0000;
    color: #fff;
    font-size: 16px;
}
.sInerror p span{
    padding-left: 15px;
    line-height: 20px;
   }

/*易营宝首页index end*/


/*shop*/
.mobile-slideshow{ height:750px !important;}
#ios .mobile-model{ height:685px !important;}
.allinone_bannerRotator{ top:;}
/*Agent*/
.title2,.container-4-1 .zsnewslitit,.container-4-4 h3,.container-4-4 h2,.container-4-4 .qes-list p,.container-4-2 h2,.container-4-2 article p,.container-4-3 .tit{ color:#2196f3 !important;}
.container-4-4 .qes-list li span,.container-4-3 .mask{background:#2196f3;}
.container-4-3 .mask{height: 150px;}

.container-4-1 { padding: 35px 0px;}
.img-polaroid{width: 253px; height:250px; display:block; padding:5px; border:1px solid #d6d3d4; text-align:center;}
.container-4-1 .zsnewslitit {color: #2196f3; text-align:center;line-height: 1.5em;
padding: 0px; font-size:17px; margin-top:15px;}
.container-4-1 ul { margin:0; padding:0;}
.container-4-1 li { margin:0; padding:0;}
.img-polaroid img {width: 253px;}
.container-4-1 .btn { background:#09C;width: 124px;height: 42px; display:block; line-height:42px; margin-top:0px; margin-left:73px; text-align:center;background: url(../../img/wm/fa4694ee363f438696b64ccbf69b86a2.gif) center center no-repeat;font-size: 18px;color: #fff;}
.zsnews1 a,.container-4-3 .clearfloat li { text-decoration:none; -webkit-transition: box-shadow .25s ease-in-out; transition: box-shadow .25s ease-in-out;}
.clearfloat li{ width:325px;}
.table-menu li{ width:auto !important;}
.container-4-4 .qes-list li{ width:100%;}
.layout{width:1200px; padding: 0px 6px;}
.container-4-3 .des{ height:95px;padding: 0px 6px;}
.container-4-4 header{ height:300px !important; padding:0px !important;}
.container-4-4 .qes-header i{background:#2196f3;}
.container-4-2 article{ margin-left:465px !important;}
.container-4-4 .layout{ padding-top:50px;}
.container-4-4 .qes-list{ width:48% !important}
.funTitmargin{ padding-top:60px;}
.funTitcol{ color:#fff;}
.funTitcol i{border-color:#fff;}

#case-show li{ width:310px;}
#case-show li .qrcode{ background-position:left top;}
#case-show .case-show-view{ margin-top:-50px;}
 
/*Customize*/
.container-3-2 .part3{ width:1200px;}
.container-3-3 .part4 ul li{ width:286px;}
.note2{ margin-top:30px !important;}
.container-3-2 .part3{ padding-top:0;}
.container-3-3 .part4 ul li{border: 3px solid #2196f3;}
.container-3-1 .part1{ margin-top:50px; width:46%;}
.container-3-1 .part2{ margin-top:-15px; width:46%;}
.container-3-2 ul li{ width:13%; text-align:center;}

/*uplog*/
.faq-content{ width:1200px ;}

.pg-contant-us{ margin:60px auto; width:1100px;}
.personalizedCustom{ margin-top:-50px;}
.pg-contant-us .map,.pg-contant-us .left{ width:50%;}
.faqone div.faqbgreen{ background-color:#ebf4ff; border:1px solid #cfe6ff; border-radius:5px 5px 0 0; }


/*AboutUs*/
.container-5-1 .mask,.container-5-1 .des,.container-5-3 ul{ margin-top:-30px;}

.container-5-3 ul li img{ margin:0 auto;  display:block; max-width: 100%;}
.pic_Fmain{ width:10000px; height:400px; }
.pic_gun{ width:600px; overflow:hidden; margin-top:-80px;}
.pic_gun .pic_list{overflow:hidden; display:inline-block; width:600px; float:left;}
.pic_fscon{ width:600px; overflow:hidden;}
.pic_fscon .pic_fs{ height:196px; overflow:hidden; float:left;}
.pic_fscon .pic_fs:first-child,.pic_fscon .pic_fs:last-child{ width:60%;}
.pic_fscon .pic_fs img{width:100%;}
.pic_fscon .pic_fs:nth-child(2),.pic_fscon .pic_fs:nth-child(3){ width:40%;}
.pic_fs:hover .pic_fm{ display:block;}

.container-5-1 .pic_list {
  margin-top: 30px;
}
.container-5-1.pic_fb {
  width: 404px;
  float: left;
  position: relative;
}
.container-5-1 .pic_fs {
  width: 297px;
  height: 200px;
  float: left;
  position: relative;
}
.container-5-1 .pic_fm {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.84);
  display: none;
}
.container-5-1 .pic_list a:hover .pic_fm {
  display: block;
}
.container-5-1 .title,
.container-5-1 .note {
  color: #fff;
}
.container-5-1 .pic_fm p {
  font-family: "Microsoft yahei";
  font-size: 22px;
  font-weight: lighter;
  color: #fff;
  text-align: center;
  margin-top: 80px;
}
.container-5-1 .pic_fb:first-child .pic_fm p {
  margin-top: 190px;
}
.container-5-1 .pic_fm p span {
  font-size: 12px;
  color: #b4b1b1;
  display: block;
  line-height: 30px;
}
.container-5-1 {
  width: 1200px;
  margin: auto;
  margin-bottom: 40px;
  height: auto;
  overflow: hidden;
}
.container-5-1 .mask {
  width: 50%;
  float: left;
  overflow: hidden;
}
.container-5-1 .des {
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left;
  margin-top: -10px;
  padding:0px 30px;
}
.container-5-3 {
  width: 100%;
  min-height: 750px;
  background: url(../../img/wm/5_3.jpg);
}
.container-5-3 ul {
  width: 100%;
  height: auto;
  display:inline-block;
  padding-left: -45px;
}
.container-5-3 ul li {
  overflow: hidden;
  float: left;
  width: 16%;
  margin: 0 0 56px 40px;
  border: 1px solid #ccc;
  height: 208px;
  vertical-align: middle;
}
.des h4{
    color: #a2a3a3;
    font-size: 18px;
    border-bottom:1px dashed #ddd;
    padding-bottom:5px;
    }
.container-5-1 .des p {
  width: 100%;
  color: #a2a3a3;
  font-size: 16px;
  line-height: 1.7em;
  font-weight: lighter;
  margin: 20px 0px;
  padding:0px 20px;
}

/*AboutUs end*/


/*recommend*/
.MYweb-menu,.MYweb-content{ width:1200px !important;}
.MYweb-menu ul li{ width:70px;}

.recommendList {
width: 1200px;
margin: 0px auto 28px;
font-size: 0;
transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
}
#MYweb-content{ margin-bottom:50px;}

#rightbar{ width:880px; float:right;}

/*APPTempList*/
.choose_template .main { position: relative; text-align: center }
.choose_template .main .content { width: 1200px; margin-top: 30px; position: relative; left: 0; top: 0 }
.choose_template .main .content .mask { width: 1200px; overflow: hidden; position: relative; left: 0; top: 0 }
.choose_template .main .content .mask ul { position: relative; width: 1200px }
.choose_template .main .content .mask ul li { box-shadow: 0 2px 3px rgba(0,0,0,.3); cursor: pointer; width: 235px; height: 340px; margin-right: 83px; margin-bottom: 20px; float: left; display: inline }
.choose_template .main .content .mask ul li:nth-child(4n){ margin-right:0;}
.choose_template .main .scene_type { padding-bottom: 20px; box-shadow: 1px 1px 4px #999; background-color: #FFF }
.choose_template .main .scene_type .scene_select_type { text-align: right; margin: 15px }
.choose_template .main .scene_type .new_hot { height: 30px; line-height: 30px; text-align: left; margin: 15px }
.choose_template .main .scene_type .new_hot a { padding-right: 20px }
.choose_template .main .scene_type .new_hot a.hover { color: #08a1ef }
.choose_template .main .scene_type .scene_list .scene_cat { background-color: #f0f0f0; height: 40px; padding: 0 5px }
.choose_template .main .scene_type .scene_list .scene_cat li { height: 35px; margin-top: 5px; line-height: 30px; margin-right: 1px }
.choose_template .main .scene_type .scene_list .scene_cat li.active, .choose_template .main .scene_type .scene_list .scene_cat li:hover { background-color: #FFF; border-top-right-radius: 3px; border-top-left-radius: 3px }
.choose_template .main .scene_type .scene_list .child_cat { margin-top: 10px; padding: 0 5px }
.choose_template .main .scene_type .scene_list .child_cat li.active, .choose_template .main .scene_type .scene_list .child_cat li:hover { color: #08a1ef }
.choose_template .main .scene_type .scene_list ul li { float: left; padding: 0 10px; padding: 0 15px; cursor: pointer }
.choose_template .main .scene_type .scene_list .scene_cat { background-color: #f0f0f0; height: 40px; padding: 0 5px }
.choose_template .main .scene_type .scene_list .scene_cat li { height: 35px; margin-top: 5px; line-height: 30px; margin-right: 1px }
.choose_template .main .scene_type .scene_list .scene_cat li.active, .choose_template .main .scene_type .scene_list .scene_cat li:hover { background-color: #FFF; border-top-right-radius: 3px; border-top-left-radius: 3px }
.choose_template .main .scene_type .scene_list .child_cat { margin-top: 10px; padding: 0 5px }
.choose_template .main .scene_type .scene_list .child_cat li.active, .choose_template .main .scene_type .scene_list .child_cat li:hover { color: #08a1ef }
.choose_template .main .scene_type .scene_list ul li { float: left; padding: 0 10px; padding: 0 15px; cursor: pointer }
.choose_template .main .scene_type select { width: 200px; height: 30px; font-size: 12px; border: 1px solid #e7e7e7 }
.choose_template .current_page { margin: 20px; height: 30px; float: left; line-height: 30px }
.choose_template .current_page input { height: 30px; width: 40px; line-height: 20px }
.choose_template .main .content .mask ul li div { width: 235px; height: 290px; background: #9ad64b; position: relative }
.choose_template .main .content .mask ul li .my_xinxi { width: 235px; height: 100px }
.choose_template .main .content .mask ul li .preview_scene { display: none; position: relative; top: -270px; width: 120px; margin: auto; z-index: 999; background: #08a1ef; text-decoration: none; color: #fff }
.choose_template .main .content .mask ul li .edit_scene { top: -220px }
.choose_template .main .content .mask ul li .mask-floor { width: 235px; height: 240px; position: absolute; background: #000; z-index: 1; -ms-filter: "alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5 }
.choose_template .main .content .mask ul li p { margin-bottom: 0; text-align: left; height: 50px; line-height: 50px; text-indent: 10px; font-size: 14px; background: #FFF; border-bottom: 1px solid #E7E7E7 }
.choose_template .main .content .mask ul li .fa-plus { color: #fff; font-size: 90px; line-height: 240px }
.choose_template .main .content .prev { position: absolute; left: -38px; bottom: 35px; float: left; width: 28px; height: 28px; background: url(../../img/wm/left.png); overflow: hidden }
.choose_template .main .content .next { position: absolute; left: 1010px; bottom: 35px; float: right; width: 28px; height: 28px; background: url(../../img/wm/right.png); overflow: hidden }
.choose_template .title { font-size: 48px; margin: 30px auto; color: #08a1ef }
.choose_template .title .btn-secondary { height: 20px; font-size: 12px; line-height: 20px; padding: 2px 10px }

.main { margin: 0 auto;}
.main .address { width: 1200px; height: 30px; line-height: 30px; font-size: 20px; margin-bottom: 10px }
.main .address p { width: 300px; float: right; font-size: 12px; text-align: right }
.main .address span { font-size: 16px }

.webset{ margin-top:70px; position:relative;}
.webset-menu,.webset-menu > ul > li{ height:50px; line-height:50px;}
.webset-menu > ul > li:hover, .webset-menu > ul > li.cur,.webset-menu > ul > li > ul > li{ background:#2196f3;}

#add_list,#pg-agreements{ margin:50px auto 30px; padding:0 !important;}
#pg-agreements #add_list{ margin:0 auto !important;}

#MYweb-menu{ width:1200px; margin:50px auto 30px;}
.MYweb-itemA{ width:1200px;}
#MYweb-menu ul li{ width:auto !important;}
.mywebsite .qrcode-mtable table{ width:87.5%;}
.pg-sel-model .MYweb-menu{ margin-top:-50px !important;}

.webset .comp-logo{ top:-84px;}

.statisticalNav{ border:1px solid #ccc;}
.statisticalContent .statisticalTitleContent{ border-top:1px solid #ccc; border-right:1px solid #ccc;
 background: -moz-linear-gradient(top, #ececeb 0%, #c0c0c0100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececeb), color-stop(100%,#c0c0c0));
 background: -webkit-linear-gradient(top, #ececeb 0%,#c0c0c0 100%);
 background: -o-linear-gradient(top, #ececeb 0%,#c0c0c0 100%);
 background: -ms-linear-gradient(top, #ececeb 0%,#c0c0c0 100%);
}

.bf-create-site{ width:1000px;}

#ios.mobile-slideshow{ min-height:600px;}


.pg-mywebsite .clearfloat{ margin:30px auto 20px;}

/*ContactUs*/
.pg-contant-us h2 {
    padding: 0px 0px 15px;
    font-size:18px;
}
.msg p a:hover,.n2_f li a:hover { color:#000 !important; text-decoration:underline !important;}
.msg p img {
    position: relative;
    top: 2px;
}
.pg-contant-us .msg p{
    line-height: 30px;
    padding-bottom: 5px;
    font-family: "Microsoft yahei";
    color: #8c8b8c;
    font-size: 16px;
    }
.state-show>p{ margin-bottom:10px;}

#faqfq{ margin-top:-50px;}

/*myweb*/
/*第9页*/
.bf-create-site {
  width: 1000px;
  height: auto;
  overflow: hidden;
  margin-top: 130px;
  margin-bottom: 100px;
}
.bf-create-site .pic {
  width: 502px;
  height: 342px;
  float: left;
}
.bf-create-site .des {
  width: 370px;
  height: auto;
  overflow: hidden;
  float: left;
  margin-top: 120px;
}
.bf-create-site .des p {
  width: 100%;
  text-align: center;
}
.bf-create-site .des a {
  margin: auto;
  display:inline-block;
  padding:10px 20px !important;
  color: #fff;
  font-family: "微软雅黑";
}
.webButton{ margin-top:30px;}
.webButton>.buttonBg{ border:1px solid #2196f3;}
.webButton .buttonBgcolor{ margin-right:10px !important; border:1px solid #ccc; color:#999 !important; transition:background 1s,color 1s,border-color 1s;}
.webButton a:hover{ color:#fff !important; border-color:#5bb7ff ; background:#5bb7ff !important;}
.Cpopmask {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:1;
}
.Cpopbox {
  position: fixed;
  width: 900px;
  min-height: 300px;
  border: 4px solid #2196f3;
  border-radius: 10px;
  background: #fff;
  top: 50%;
  left: 50%;
  margin-top: -265px;
  margin-left: -475px;
  z-index: 1000;
}
.Cpopbox .close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: url(../../img/wm/10-2.png);
}
.Cpopbox {
  padding: 0px 110px;
  font-size: 13px;
  font-family: "宋体";
  color: #8f9091;
}
.bf-sel-model h1 {
  color: #2196f3;
  font-size: 30px;
  font-weight:normal;
  text-align: center;
  margin: 50px 0px 30px 0px;
}
.bf-sel-model p {
  font-size: 18px;
  color: #7a7a7a;
  margin: 15px 0px;
}
.bf-sel-model .warn-msg {
  font-size: 13px;
  color: #aeafaf;
  font-family: "宋体";
}
.bf-sel-model .warn-msg em {
  color: #f93601;
  padding: 0px 5px;
}
.bf-sel-model input[type="button"] {
  /*background: url(../../img/wm/10-1.png);*/
  background:#2196f3;
  border-radius:5px;
  width: 180px;
  height: 45px;
  color: #fff;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
  margin-left: 250px;
  margin-top: 20px;
  margin-bottom:50px;
  }
.bf-sel-model input[type="text"] {
  background-image: url(../../img/wm/10-3.png);
  background-repeat: no-repeat;
  width: 300px;
  height: 40px;
  line-height: 20px;
  padding: 7px 5px 7px  35px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 20px 10px  0px;
}
.bf-sel-model .com-name {
  background-position: 6px -40px;
}
.bf-sel-model .com-tel {
  background-position: 6px -3px;
}
.bf-sel-model .man-name {
  background-position: 6px -82px;
}
.bf-sel-model .man-tel {
  background-position: 6px -160px;
}
.bf-sel-model .lang-select {
  background-image: url(../../img/wm/10-3.png);
  background-repeat: no-repeat;
  width: 180px;
  height: 40px;
  line-height: 22px;
  padding: 7px 5px 7px  35px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 20px 10px  0px;
  background-position: 6px -125px;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
/*myweb end*/
.statisticalBottom{ display:table;}
.tab_kc1{ margin:50px auto 0px;}

#add_web{ margin:60px auto;}

@media (min-width: 1251px) and (max-width: 1366px){
.layout{width:1200px; padding: 0px 6px;}
#case-show li{ width:260px;}
.clearfloat li{ width:285px;}
.container-4-3 ul{ margin-left:-60px;}
.container-4-3 li{ margin-left:60px;}
.faq-content{  width:1200px !important;}
    }
@media (min-width: 1025px) and (max-width: 1250px){
.layout{width:1000px; padding: 0px 6px;}
#case-show li{ width:260px;}
.clearfloat li{ width:285px;}
.container-4-3 ul{ margin-left:-60px;}
.container-4-3 li{ margin-left:60px;}
.faq-content,.faqone,.faqone .faqtop,.faqcontent{ width:1000px !important;}
#rightbar{ width:705px !important;}
    }
@media (min-width: 900px) and (max-width: 1024px){
.layout{width:1000px !important; padding: 0px 6px;}
#case-show li{ width:250px;}
.clearfloat li.clearfloat li {width: 235px; height: 320px;}
.container-4-3 ul{ margin-left:-60px;}
.container-4-3 li{ margin-left:102px; width: 235px; height:330px;}
.container-4-4 h2{ font-size:18px;}
#rightbar .faq-content,#rightbar .faqone,#rightbar .faqone .faqtop,#rightbar .faqcontent{ width:850px !important;}
.no-shadow{ width:1000px;}
.zsnewsli.lush{ width:980px;}
.container-3-1 .part1{ margin-left:0px;}
.container-3-1 .part2{ margin-right:40px;}
.container-3-2 .part3{ width:1000px;}
.container-3-2 ul li{ margin-left:80px;}
.faq-content{ width:1000px !important;}
#rightbar{ width:705px !important;}
#MY-web-page{ margin: 40px 0 80px 10%;}
.MYweb-menu, .MYweb-content{ width:1000px !important;}
.recommendList li{ width:42% !important;}
.recommendList li .recommendListConBox .recommendMainCon .recommend_Text{ width:230px !important;}
.container-5-2 .pic_fb{ width:404px;}
#rightbar .faqone .faqtop, #rightbar,#rightbar .faqcontent{ width:705px !important;}

    }
    
    
    
    /** 2016-12-1 wyq 页面预览样式 **/

/*显示网址*/
#WebsiteTop{width:100%; margin:0 auto; position:relative; background:#fff;}
#WebsiteTop>input{width:100%; display:block; border-radius:5px; border:none; font-size:14px; color:#000; text-align:left; background:#e6e6e8; padding:5px 30px; overflow:hidden;}
#WebsiteTop>a{display:block; width:14px; height:16px; position:absolute; top:7px; right:5px;}


/*屏幕*/
#editPre{ position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85);opacity:0;transition:0.5s opacity ease,0.5s z-index ease;-webkit-transition:0.5s opacity ease,0.5s z-index ease;
-moz-transition:0.5s opacity ease,0.5s z-index ease;z-index:-1; }
.view-on{opacity:1 !important;z-index:1000  !important;}
.phone_screen,#phoneViewIframe{width:100%;height:100%; background-color:#fff;transition:0.6s width ease-out, 0.6s height ease-out;-webkit-transition:0.6s width ease-out, 0.6s height ease-out;-moz-transition:0.6s width ease-out, 0.6s height ease-out;}
.PreCon{ margin:0px auto; min-width:300px;display: flex;align-items: center;height:calc(100% - 72px); }
.preLeftCon{display: flex;align-items:center; margin:0 auto;transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);transition:0.6s transform ease-out;-webkit-transition:0.6s transform ease-out;-moz-transition:0.6s transform ease-out; }
.screen_rotate{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);}
.preLeft,.screenDir{  vertical-align:middle;}
.preLeft{
    height: 100%;
    background-color: #ccc;
    padding: 5px;
    border-radius: 45px;
    margin-left: auto;
    margin-right: auto;
    }

.preborder{ transition:0.6s width ease-out, 0.6s height ease-out;-webkit-transition:0.6s width ease-out, 0.6s height ease-out;-moz-transition:0.6s width ease-out, 0.6s height ease-out;}
 
.preborder{
    height: 100%;
    border: solid 20px #000;
    border-radius: 40px;
    border-bottom: solid 60px #000;
    border-top: solid 40px #000;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    overflow:hidden;
    }
    
.preRight{
    width:206px;
    position:absolute;
    top:15%;
    right:10%;
    }
.preRightmod img{ border:6px solid #fff; border-radius:5px; overflow:hidden;}
.preRightView{ width:120px; height:113px; position:absolute; top:-10%; right:-25%; text-align:center;}
.preRightTit{ color:#fff; font-size:16px; line-height:1.5em; vertical-align:middle; padding-top:30px;}
.preRightTit font{font-weight: bold;}
.preRightBt{ position:fixed; top:50px; right:50px;  border-radius:50%; background:#666;text-align:center; font-size:2.6rem;  padding: 0px 7px 4px 7px;color:rgba(60,68,56,1);border:0px;outline: none;}
.preRightBt:hover{ cursor: pointer; background: #68b710; color: #fff;}

/*屏幕尺寸*/
.ViewportSize{ width:210px; position:relative;}
.ViewportSize ul li{display:block; height:36px; margin-top:4px;}
.ViewportSize ul li h4,.ViewportSize ul li a{ width:100%; height:36px; padding-left:5px; color:#202428; background:#e1e1e1; line-height:36px; }
.ViewportSize ul li i{
    width:0px; height:0px; display:inline-block; 
    vertical-align: middle;
    border-top: 6px solid #000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position:absolute;
    right:10px;
    top:15px;
    }
.ViewportSize ul li a{ width:100%; height:36px;display:block; font-size:14px; text-decoration:none; transition:background 1s,color 0.5s;}
.ViewportSize ul li a:hover,.ViewportSize ul li a.on{ background:#68b710; color:#fff;}
.Viewporttop{top:50px; left: 50px;}

/*模板页预览*/
.Flip{ width:641px; height:72px; background:#565656; margin:0 auto;position: relative;z-index: 9;}
.Flip ul{ display:table; width:100%; height:72px; }
.Flip ul li{ display:inline-block; display:table-cell;vertical-align:middle; text-align:center;}
.Flip ul li a{transition:background 1s,color 1s, border-color 1s; color:#dadada; padding:8px 20px; border-radius:5px; background:#3c3a38; border:1px solid #6c6c6c; font-size:14px; text-decoration:none; text-align:center;}
.Flip ul li:first-child a:before{padding-right:10px;content:"<";}
.Flip ul li:nth-child(2) a{ border:none; transition:background 1s; padding:10px 22px; background:#68b710; font-size:18px; color:#fff;}
.Flip ul li:nth-child(2) a:hover{ background:#7fdb18; color:#fff;}
.Flip ul li:last-child a:after{content:">"; padding-left:10px;}
.Flip ul li:first-child a:hover,.Flip ul li:last-child a:hover{ background:#7ed41e; color:#fff; border-color:#68b710;}
.Flip ul li:first-child a.butDisable,.Flip ul li:last-child a.butDisable{  background:#eee; color:#aaa}


/*横竖屏箭头*/
#WebsiteTop .ic{ width:29px; background-position: -3px -3px; height:29px; position:absolute;}
.screenDir{ cursor:pointer; opacity:0.2;}
.screenDir i{ display:block; width:104px; height:97px; margin:20px;}
.screenDir:hover{ opacity:1;}

.preRightView,#WebsiteTop .ic,#WebsiteTop>a,.screenDir i{background:url(../../img/wm/viewicon.png) no-repeat;}
.preRightView{background-position:0px -153px;}
#WebsiteTop>a{ background-position:-40px -8px;}
.screenDir i.dirLeft{ background-position:-0px -40px;}
.screenDir i.dirRight{ background-position:-104px -44px;}

/*媒体查询*/
@media (min-width: 1200px) and (max-width: 1460px){
    .preRight{right:5%;}
    .preLeftCon{ position:relative;/* right:50px;*/}
    }
@media (min-width: 1000px) and (max-width: 1199px){
    .preRight{right:5%;}
    .preLeftCon{ margin-left:10px;}
    }

/** 2016-12-1 wyq 页面预览样式   **/

/*newList*/
#new-01{ width:1000px;margin:60px auto;}
#new-01 .bt{ display:block; width:1000px; text-align:center; line-height:50px; color:#868686;}
#new-01 .bt h2{ font-family:Didot; font-weight:900; font-size:38px;}
#new-01 .bt h3{ font-family:"simsun"; font-size:24px;}
#new-01 a:hover{ color:#0079f5;}
.marqueeleft{width:1000px;overflow:hidden; margin-top:20px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left; margin:0 28px; display:inline;width:280px; overflow:hidden;}
.marqueeleft li .pic{border:#ccc 1px solid; display:block; float:left; padding:14px 5px;}
.marqueeleft li .pic h2{ font-size:38px; color:#000; text-align:center;}
.marqueeleft li .pic p{ font-size:16px; color:#000; text-align:center;}
.marqueeleft li .txt{ width:200px; line-height:22px;  height:70px; font-size:16px; float:left; overflow:hidden;display:block; text-align:center; color:#808080; font-family:"simsun"; padding-top:10px; padding-left:5px;}
.marqueeleft li .txt a{ display:block; color:#808080;}



#new-02{height:640px; background:#f7f7f7; width:100%;}
.new02-1{ width:1000px;  margin:0 auto; }
.new02-1 .bt{ display:block; width:1000px; text-align:center; line-height:50px; color:#868686; padding:60px 0 30px 0;}
.new02-1 .bt h2{ font-family:Didot; font-weight:900; font-size:38px;}
.new02-1 .bt h3{ font-family:"simsun"; font-size:24px;}
.new02-1 a:hover{color:#0079f5;}
.new02-1 .news_img{ width:1000px;}
.new02-1 .news_img li{ width:322px; float:left; margin:10px 5px; position:relative;}
.new02-1 .news_img li h2{ width:322px; height:49px; background:url(../../img/wm/news_h2bg.png) no-repeat 0 0; color:#fff; position:absolute;  top:122px; font-size:20px;line-height:58px; padding-left:10px;}
.new02-1 .news_img li a:hover h2{background:url(../../img/wm/news_h2bg1.png) no-repeat 0 0;  color:#0079f5; }

#new-03{ width:1000px; margin:60px auto; margin-bottom:80px;}
#new-03 .bt{ display:block; width:1000px; text-align:center; line-height:50px; color:#868686;}
#new-03 .bt h2{ font-family:Didot; font-weight:900; font-size:38px;}
#new-03 .bt h3{ font-family:"simsun"; font-size:24px;}
#new-03 a:hover{color:#0079f5;}
.news03-1{ width:1000px; height:363px; margin-top:30px; margin-bottom:80px;}
.news03-1 li{ float:left; margin:0 10px; width:230px; height:363px; background:#f7f7f7;}
.news03-1 li h2{ font-size:15px; color:#000; text-align:center; padding:20px 0 40px 0; background:url(../../img/wm/03_1.png) no-repeat center 50px;
width: 210px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0px auto;
}
.news03-1 li p{ font-size:14px; color:#646464; padding:18px 10px; line-height:20px; text-align:left;}
.news03-1 li a:hover h2{color:#0079f5;background:url(../../img/wm/03_2.png)  no-repeat center 50px; }

.marqueeleft{width:1000px;overflow:hidden; margin-top:20px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left; margin:0 10px; display:inline;width:230px; overflow:hidden;}
.marqueeleft li .pic{border:#ccc 1px solid; display:block; float:left; padding:14px 5px;}
.marqueeleft li .pic h2{ font-size:38px; color:#000; text-align:center;}
.marqueeleft li .pic p{ font-size:16px; color:#000; text-align:center;}
.marqueeleft li .txt{ width:200px; line-height:22px;  height:70px; font-size:16px; float:left; overflow:hidden;display:block; text-align:center; color:#808080; font-family:"simsun"; padding-top:10px; padding-left:5px;}
.marqueeleft li .txt a{ display:block; color:#808080;}

#n3-right{ width:645px; float:right; margin:30px 0; font-family:Consolas, 'Lucida Console', monospace;}
#n3-right h2{ text-align:center; font-size:18px; color:#000; margin-bottom:20px;font-weight:bold}
#n3-right h3{ text-align:center; font-size:12px; color:#9e9e9e; padding-bottom:10px; border-bottom:1px solid #9e9e9e;}
#n3-right h4{ font-size:14px; color:#9e9e9e; padding:20px 0; font-weight:500;} 
#n3-right p{font-size:16px; font:medium; }


.banner { width:100%; height:497px;}
.content_show{background: #fff;width: 100%;max-width: 1920px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1920?"1920px":"100%");margin: 0 auto;}

/*清除浮动*/
.clearfix:after{content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix{*zoom:1;}

/*main css*/
.show{display:block;}
.none{display:none;}
.banner{width: 100%;min-width: 1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%");overflow: hidden;position: relative;height: 497px;z-index: 998}
.banner_container{height:497px;width: 100%;min-width: 1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%");max-width:1920px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1920?"1920px":"100%");display: block;overflow: hidden;left: 50%;margin-left: -960px;z-index: 997}
.banner_container .banner_content{position: absolute;left: 0%;top: 0%;width: 100%;min-width: 1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%");max-width:1920px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1920?"1920px":"100%");height: 100%;overflow: hidden;z-index: 996}
.banner_container .banner_content img{z-index: 995}
.banner_nav{position: absolute;z-index: 10;bottom: 30px;left: 50%;margin-left: -64px;z-index: 999}
.banner_nav li{float: left;width: 25px;height: 23px;}
.banner_nav li a{float: left;width: 12px;height: 12px; border-radius:50%; text-align: center;line-height: 20px;font-size: 0px;cursor: pointer; background:#fff; }
.banner_nav li.current a{background:#e46713; }

/*左右箭头*/
.prove_index,.next_index{background:url(../../img/wm/btn00.png);top:50%;height:47px;width:44px;position:absolute;margin-top:-23px;z-index:999;cursor:pointer}
.prove_index{left:20px;background-position:44px 0; display:none;}
.next_index{right:20px;background-position:0px 47px; display:none;}
.prove_index:hover{background:url(../../img/wm/btn00.png);background-position:0px 0px;}
.next_index:hover{background:url(../../img/wm/btn00.png);background-position:44px 47px;}

/*banner end*/

/*newList end*/

/*myClient*/
.lg_form,.rg_form{
    background: rgba(111,173,252,.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd6fadfc', endColorstr='#dd6fadfc', GradientType='0');
  border:6px solid #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-top: 118px;
}
.lg_form{
  width: 370px;
  min-height: 400px;
  margin-left: 56%;
}
.rg_form{
  width: 440px;
  /*height: 650px;*/
  margin-left: 52%;
  
}
.lg_logo{
  width: 100%;
  text-align: center;
  height: auto;
  overflow: hidden;
  margin:30px 0;
}
.lg_f{
  width: 260px;
  height: auto;
  margin:auto;
}
.rg_f{
  width: 330px;
  margin:auto;
}
.lg_tx,.lg_pw{
  width: 230px;
  padding-left: 30px;
}
.rg_tx,.rg_pw,.rg_lx,.rg_ph,.rg_gs{
 
  padding-left: 50px;
  margin-bottom: 20px;
}
.lg_tx,.lg_pw,.rg_tx,.rg_pw,.rg_lx,.rg_ph,.rg_gs{
  height: 20px;
  line-height: 20px;
  padding-top:8px;
  padding-bottom: 8px;l
  border:none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 15px;
  color: #9f9e9e;
}
.rg_con{ position:relative;}
.rg_con .rg_icon,.rg_iconpw{

    display: block;
    width: 40px;
    height: 40px;
    top: 0px;
    position: absolute;
    }
.rg_icon{ background: url(../../img/wm/lg_01.png) no-repeat 10px 10px ; }
.rg_iconpw{background: url(../../img/wm/lg_02.png) no-repeat 10px 10px ;}
.lg_tx,.rg_tx{
  margin-bottom: 20px;
  background-color: #fff;
  height:40px;
  line-height:40px;
}
.lg_pw,.rg_pw{
  
  background-color: #fff;
  height:40px;
  line-height:40px;  
}
.rg_lx{
  background: url(../../img/wm/6_5.png) no-repeat 10px 10px ;
  background-color: #fff;
    height:40px;
  line-height:40px;  
}
.rg_ph{
  background: url(../../img/wm/6_3.png) no-repeat 10px 12px ;
  background-color: #fff;
    height:40px;
  line-height:40px;  
}
.rg_gs{
  background: url(../../img/wm/lg_04.png) no-repeat 10px 10px ;
  background-color: #fff;
    height:40px;
  line-height:40px;  
}
.lg_fg{
  width: 100%;
  text-align: right;
  height: 20px;
  line-height: 20px;
}
.lg_fg a{
  font-size: 12px;
  color: #ff2e2e;
}
.submit{
  width: 100%;
  height: 48px;  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:none;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  outline: none;
}
#rg_submit{
    width: 120px;
    height: 38px;
    margin: 15px auto;
    outline: none;
  background:url(../../img/wm/rg-submit-btn.png);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #d9d8d8)) !important;
    border: 1px solid #d9d8d8;
    border-radius: 5px;
    display: block;
    color: #555;
    font-size:16px;
    transition: background 1s;
}
#rg_submit:hover{color:#fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #428bca), color-stop(1, #428bca)) !important; text-decoration:none; }
#lg_submit{

  background:url(../../img/wm/lg-submit-btn.png);
}
.lg_rb{
  font-size: 14px;
  color: #fff;
  height: 30px;
  line-height: 22px;
}
.lg_rb input{
  cursor: pointer;
}
.lg_rt{
  margin-left: 30px;
}
.lg_rb a{
  color: #fff;
  display: block;
  background:url(../../img/wm/lg_03.png) no-repeat 0px 2px;
  padding-left: 20px;
}
#lg_rg{
  width: 60px;
  border-bottom: 1px solid #91c8fd;
  font-size: 14px;
  color: #fff;
  display: block;
  margin:auto;
  margin-top: 26px;
  padding-bottom: 3px;
  text-align:center;
}
.rg_add{
  width: 180px;
  height: 37px;
  line-height: 37px;
  border-radius: 5px;
  display: inline-block;
  border-radius: 5px;
  background:#fff url(../../img/wm/6_2.png) no-repeat 15px 8px ;
  position: relative;
  font-size: 14px;
  color: #9f9e9e;
  margin-bottom: 20px;
  cursor: pointer;
  border:1px solid #ccc;
}

.rg_add .Cselect-txt{
font-style: normal;
padding-left: 50px;
}


.rg_ads{
  width: 110px;
  height: 37px;
  line-height: 37px;
  border-radius: 5px;
  margin-bottom: 20px;
  background: #fff;
  float: right;
  cursor: pointer;
  position: relative;
  color: #9F9E9E;
  border:1px solid #ccc;
}
.rg_ads .Cselect-txt{
font-style: normal;
padding-left: 10px;
color: #9f9e9e;

}

.Cselect{
box-sizing: content-box;
position: absolute;
background: none repeat scroll 0% 0% #FFF;
width: 100%;
color: inherit;
font: inherit;
padding: 1px;
margin: -1px;
height: 100%;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
border: 0px none;
bottom: 0px;
left: 0px;
top: 0px;

}
.Cselect-btn{
    border-right: 5px solid transparent;
    border-bottom: 0px solid #B7B7B7;
    border-left: 5px solid transparent;
    border-top-color: inherit;
    border-width: 5px 5px 0px;
    border-style: solid;
    position: absolute;
    margin-top: -2px;
    overflow: hidden;
    right: 7px;
    height: 0px;
    width: 0px;
    top: 50%;
}
.Cselect-txt{
  padding-right: 20px;
  display: block;
overflow: hidden;
white-space: nowrap;
word-break:break-word;
text-overflow:ellipsis;
}
.fault
{
 border:1px solid #fe6666!important;
 background:url(../../img/wm/tri.gif) #fbd9d9 no-repeat 5px center!important;
  
}
.popover{ font-size:14px;}
.fault .popover-content {
    padding: 9px 14px 9px 24px!important;
}
.fault .arrow, .fault .arrow:after
{position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid}
.fault .arrow
{border-width: 11px}

.fault.right .arrow
{
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #fff;
    border-right-color: rgba(0,0,0,0.25);
    border-left-width: 0
}
.fault.right .arrow:after
{
    bottom: -10px;
    left: 1px;
    border-right-color: #ffd1d1!important;
    border-left-width: 0;
    content: " "
}
/*myClient*/

.webBasicMessTitle h3{ text-align:center; font-size:22px; color:#2196f3; font-family: "微软雅黑";}


.web_tin .web_qr{ font-size:14px; padding:0px 5px;}
.btn-group:hover .dropdown-menu.site_status,.btn-group:hover .dropdown-menu{ display:block;}


/*shop*/
.service-menu .menu-c{ overflow:hidden;}
.menu-c ul li,#basis-set .tab-tag input[type="radio"]{ width:auto !important; height:auto;}
#web_lang .tab-tag input[type="radio"][name="language"]{ position:relative; top:10px;}
.service-menu .menu-p{ height:auto !important;}
#basis-set .tab-tag label{
    color: #555 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    }
.datasSourceContentText{ padding:10px !important;}
.webset-c .tab-tag.cur table td>input{margin-right: 20px;}
/*shop end*/

/*  新增  价格体系css样式  2017-4-14   */

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:368px;}
.lubo_box{ position: relative; width: 100%; height:368px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:368px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}

.lubo_box li img{ width: 100%; height: 368px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #999 !important;}

/*按钮*/
.lubo_btn{ position: absolute; width: 100%; top: 140px;}
.left_btn, .right_btn{ width: 30px; height: 80px; background:rgba(0,0,0,0.3);opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}

.priceUl{width: 98%; margin-left: 2%;margin-bottom:30px}
.priceUl li{height: 140px; float:left; text-align: center;margin: 20px 5%}
.priceUl li p{line-height: 45px}
.priceUl li .img{width: 110px;height: 110px; line-height: 110px;text-align: center;border-radius: 110px;}
.priceUl li:first-child .img{background:url(../../img/wm/stucicon1b.png) no-repeat center top #f5f5f5;}
.priceUl li:nth-child(2) .img{background:url(../../img/wm/stucicon2b.png) no-repeat center top #f5f5f5;}
.priceUl li:nth-child(3) .img{background:url(../../img/wm/stucicon3b.png) no-repeat center top #f5f5f5;}
.priceUl li:nth-child(4) .img{background:url(../../img/wm/stucicon4b.png) no-repeat center top #f5f5f5;}
.priceUl li:last-child .img{background:url(../../img/wm/stucicon5b.png) no-repeat center top #f5f5f5;}

.priceUl li:hover:first-child .img,.priceUl li:first-child.on .img{background:url(../../img/wm/stucicon1b.png) no-repeat center bottom #2196f3;}
.priceUl li:hover:nth-child(2) .img,.priceUl li:nth-child(2).on .img{background:url(../../img/wm/stucicon2b.png) no-repeat center bottom #2196f3;}
.priceUl li:hover:nth-child(3) .img,.priceUl li:nth-child(3).on .img{background:url(../../img/wm/stucicon3b.png) no-repeat center bottom #2196f3;}
.priceUl li:hover:nth-child(4) .img,.priceUl li:nth-child(4).on .img{background:url(../../img/wm/stucicon4b.png) no-repeat center bottom #2196f3;}
.priceUl li:hover:last-child .img,.priceUl li:last-child.on .img{background:url(../../img/wm/stucicon5b.png) no-repeat center bottom #2196f3;}
.priceline{border-top:2px dashed #c9c9c9;background: none; width: 96%; margin:25px auto;position: relative}
.iconul{width: 100%;position: absolute; top:-41px;}
.iconul li{float: left;width: 20%;position: relative; text-align:center}
.iconul li i{background: url(../../img/wm/check.png) no-repeat left top;height: 48px;display: block;margin: 0 auto;width: 48px;}
.iconul li.on i{background: url(../../img/wm/check.png) no-repeat left bottom;}
.table-center>thead>tr>th, .table-center>tbody>tr>th, .table-center>tfoot>tr>th, .table-center>thead>tr>td, .table-center>tbody>tr>td, .table-center>tfoot>tr>td{text-align: center; vertical-align: middle}
.table-center>thead>tr>th{ vertical-align: middle;font-size: 18px;font-weight: normal; text-align: center; background: #f3f3f3;border-bottom: 0;}
.table-striped>tbody>tr:nth-child(odd){background-color:#fff!important;}
.table-striped>tbody>tr:nth-child(even){background-color: #f3f3f3;}

.flowUl{width: 100%; height: 195px;}
.flowUl li{width:14.1%;padding:0 15px; text-align: center; margin: 10px 0; background: url(../../img/wm/flowline.gif) no-repeat right 20px;float:left}
.flowUl li:last-child{background: none; margin-right: 0;}
.flowUl li h3{font-size: 18px; margin-top:25px; padding: 5px 0;}
.flowUl li p{line-height: 24px;color: #999;}


.funTit h4{color: #666}

.domain-server-list-box {
    margin: 0 auto;
    width: 1180px;
    overflow: hidden;
}
.domain-server-list {
    margin-left: -10px;
}
.domain-server-list li {
    cursor: pointer;
    position: relative;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 374px;
    height: 135px;
    border: 1px solid #e3e3e3;
    -webkit-transition: box-shadow .2s linear;
    -webkit-transition: transform .2s linear;
    transition: box-shadow .2s linear;
    transition: transform .2s linear;
}
.domain-server-list .domain-server-simple {
    display: block;
    height: 75px;
    padding: 30px;
}

.ico-dns {
    background-image: url(../fonts/domain-index-201702281734-svg.png);
   
    background-position: 34.599999999999994% 91.79%;
    background-size: 1133.3333333333335% 1133.3333333333335%;
    background-repeat: no-repeat;
}
.ico-sslzs {
    background-image: url(../fonts/domain-index-201702281734-svg.png);   
    background-position: 65.4% 91.79%;
    background-size: 1133.3333333333335% 1133.3333333333335%;
    background-repeat: no-repeat;
}
.ico-ymba {
    background-image: url(../../img/wm/domain-index-201702281734-svg.png);
   
    background-position: 85.92% 91.79%;
    background-size: 1133.3333333333335% 1133.3333333333335%;
    background-repeat: no-repeat;
}
.d-ico {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 33px;
    height: 33px;
    display: block;
}
.domain-server-word {
    margin-left: 60px;
}
.domain-server-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 12px;
}
.domain-server-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 12px;
}
.domain-server-info {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.searchDomain{text-align: center; }
.searchDomain h5{font-size:16px; color: #585858; line-height: 32px;}

.searchDomain .inputbox{border:1px solid #e5e4e4; margin: 10px 0 10px 6%;width: 94%; border-radius: 5px;  font-size: 16px; position:relative; text-align: left;}
.searchDomain .input{ border: 0; height: 50px;padding: 8px; line-height: 50px; width: calc(100% - 110px); border-radius: 5px;}
.searchDomain .btn{background: #2196f3; border:1px solid  #2196f3; position:absolute; right:0px; width:110px; height: 52px; top: -1px; border-radius: 0 5px 5px 0}
.domainsty{line-height: 30px; text-align: center; height: 30px; margin-bottom: 60px}
.domainsty label{font-weight: normal;}
.domainsty input{width:16px; margin:0 5px 0 10px; height: 16px; line-height: 16px;}


.f25{font-size: 25px; line-height: 50px}
.selcetdo{position: absolute;  width:130px; background: #faf9f9; border-left: 1px solid #e5e4e4; color: #333;  right: 110px;top:0 }
.selcetdo select{border: 0; height: 50px;line-height: 50px;background: #faf9f9;width: 120px;padding:0 5px; font-size: 20px; color: #7d7d7d}

.w70{width: 80%;}
.searchcon h3{font-size: 20px; color: #666; margin-top: 50px; padding-bottom: 10px; border-bottom: 1px solid #e7e6e6}
.searchResult{ position: relative; line-height: 50px; color: #999999;border-bottom: 1px solid #e7e6e6}
.searchResult span,.result-list li span{ position:  absolute; right: 0; font-weight: normal; font-size: 14px;}
.tips{color: #999; line-height: 32px; font-size: 14px;}

.result-list{margin: 10px 0;}
.result-list li{line-height: 50px; display: block; height: 50px; border-bottom: 1px solid #f2f2f2; padding: 0 10px;position: relative; color: #999;font-size: 14px;}
.result-list li i{position: absolute; right: 100px;}
.result-list li i a{color: #2196f3; text-decoration: underline; font-size: 14px; display: none;}
.result-list li:hover,.searchResult:hover{background: #fdfdfd;}
.result-list li:hover i a{display: block;}
.result-may{font-weight: bold}
.resulttime{border-radius:5px;border:1px solid #ccc; padding:3px 5px; margin: 0 15px}
.btn-blue{background: #2196f3;color: #fff; padding: 3px 10px;}
.btn-view-all {
    background: url(../../img/wm/arr_blue_07.gif) right 7px no-repeat;
    padding-right: 13px;
	color: #2196f3;
	font-size: 12px;
}

.domainhelp{ width: calc(20% - 20px); border: 1px solid #e5e4e4; border-radius: 5px; margin-top: 80px}

.sider-box .hd {
    height: 34px;
    
    padding: 0 15px;
    border-bottom: solid 1px #f5f5f3;
}
.domain-knowledge .tit {
    background: url(../../img/wm/book_19.gif) 2px center no-repeat;
}
.clearfix {
    display: block;
}
.sider-box .tit {
    font-size: 14px;
    padding-left: 22px;
	line-height: 34px;
}

.w-fl {
    float: left !important;
    display: inline;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sider-box .bd {
    padding-top: 10px;
    padding-bottom: 20px;
}
.domain-knowledge .list li {
    line-height: 20px;
    padding: 5px 5px 5px 20px;
}
.domain-knowledge .list a {
    color: #333;
    padding-left: 6px;
    display: inline-block;
    background: url(../../img/wm/dot_11.gif) 0 10px no-repeat;
	font-size: 12px;
	line-height:24px;
}

.notice{line-height: 24px; display:table; width:auto; max-width:100%; background: #fff6d0; border: 1px solid #ffe67c; border-radius: 5px; padding: 0px 10px; margin: 20px auto;font-size: 14px;color:#999;}
.notice span{padding-right: 10px; color: red}

.usersty{width: 160px;height:36px; border-radius: 5px; border:1px solid #2196f3;}
.usersty li{width: 50%; display: inline-block; float: left; height: 34px; line-height: 34px; color: #2196f3; font-size: 14px; text-align: center;}
.usersty li.on{background: #2196f3; color: #fff;}
.usersty li:first-child{border-radius: 3px 0 0 3px}
.usersty li:last-child{border-radius: 0 3px 3px 0}
.w150{width:160px!important; line-height: 34px; margin-right:25px; margin-bottom: 10px;    font-family: "微软雅黑"!important;}
.id_cart {
    width: 300px;
    height: 220px;
    display: inline-block;
}
.id_card_img {
    height: 170px;
    background: #eee;
    text-align: center;
    line-height: 170px;
    color: #999;
}
.red{color: red}
.id_card_upload {
    height: 30px;
    margin-top: 10px;
}
.pay_files{ font-size: 12px}
.comp-msgset .submit {
    background: #2196f3;
    color: #fff;
	border-radius: 5px;
}
#conshow{margin-bottom: 40px;}
#conshow .hr{margin-top: 10px;margin-bottom:0}


.emailexp{width: 100%; margin: 5px 0; height: 250px;}
.emailexp li{width: calc(20% - 1px); height: 250px; text-align: center;float: left;border-bottom: 1px solid #eeeeee; border-right:1px solid #eeeeee }
.emailexp li:hover{box-shadow: 0 0 10px rgba(44,141,225,0.14)}
.emailexp li:last-child{border-right: 0;}
.emailexp li img{ margin: 50px 0;}
.emailexp li h3{ font-size: 16px; margin-bottom: 20px;}

.DB_tab25 {width:100%; max-height: 868px;
    height: 868px;position:relative;overflow:hidden}

.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%; 
    height: 868px;display:none}

.DB_tab25 .DB_imgSet1{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.bm3{    position: absolute;
    top: 575px;
    width: 1000px;
animation: myfirst 1s  ;
-moz-animation: myfirst 1s  ;
-webkit-animation: myfirst 1s  ;
-o-animation: myfirst 1s  ;}
.bm3 a {
    padding: 6px 20px;
    border-radius: 5px;
    font-size: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-decoration: none;
	
}
.buttonBg {
    background: #2196f3;
    color: #fff;
}
.bm3 a:first-child {
    margin-right: 15px;
}

.bm3 a:first-child {
    background: #fff;color: #428bca;
}
.DB_tab25 .DB_imgSet1 .DB_1_1{position:absolute;left:100px;top:460px;}
.DB_tab25 .DB_imgSet1 .DB_1_2{position:absolute;left:0px;top:340px; border-left: 5px solid #2196f3; padding-left: 8px;}
.DB_tab25 .DB_imgSet1 .DB_1_3{position:absolute;left:420px;top:240px;width: 700px}

.DB_tab25 .DB_imgSet1 .DB_2_1{position:absolute;left:180px;top:0px;}
.DB_tab25 .DB_imgSet1 .DB_2_2{position:absolute;left:0px;top:280px;border-left: 5px solid #2196f3; padding-left: 8px;}
.DB_tab25 .DB_imgSet1 .DB_2_3{position:absolute;right:650px;top:0px}

.DB_tab25 .DB_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:830px;text-align:center;font-size:0}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.bds{border-left: 5px solid #fff;
    padding-left: 8px;
    font-size: 26px;
	width: 1000px;
    line-height: 1.5em;
    color: #fff;
    position: absolute;
    top: 420px;
	animation: myfirst 1s  ;
-moz-animation: myfirst 1s  ;
-webkit-animation: myfirst 1s  ;
-o-animation: myfirst 1s  ;
}
@keyframes myfirst
{
0%   {left: calc(34% - 50px);opacity: 0}
100% {left:34%;opacity: 1}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {left: calc(34% - 50px);opacity: 0}
100% {left:34%;opacity: 1}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   {left: calc(34% - 50px);opacity: 0}
100% {left:34%;opacity: 1}
}

@-o-keyframes myfirst /* Opera */
{
0%   {left: calc(34% - 50px);opacity: 0}
100% {left:34%;opacity: 1}
}
.DB_tab25 .DB_prev{position:absolute;left:-100px;top:120px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:120px;cursor:pointer;display:none}

.shop-coupon-trigger {
	display: inline-block;
	float:right;
	margin-right: 10px;
	width: 155px;
	height: 40px;
	line-height: 28px;
	padding: 6px 10px;
	color: #f39521;
 	font-weight: bold;
	position: relative;
	cursor: pointer;
	font-size: 15px;
	border: 1px solid #ccc!important;
	border-radius: 5px;
}
.shop-coupon-trigger:hover {
	color: #2196f3
}
.shop-coupon-trigger .arrow {
	position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 15px;
    background: url(../../img/wm/rarr.png) no-repeat center center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -trident-transition: 0.4s;
    -gecko-transition: 0.4s;
}
.shop-coupon-trigger:hover .arrow {
	transform: rotate(90deg);
}
.shop-coupon-trigger i {
	background: url(../../img/wm/yh1.png) no-repeat left center;
	width: 22px;
	height: 16px;
	float: left;
	margin-top: 6px;
	display: inline-block;
	margin-right: 16px;
}
.shop-coupon-trigger:hover i {
	background: url(../../img/wm/yh2.png) no-repeat left top;
}
.coupon-popup {
	border-color: #f40;
}
.cart-tips {
	border: 1px solid #ccc;
	border-radius: 5px 0 5px 5px ;
	padding: 5px 8px;
	background: #fff;
	
	float: left;
	color: #9c9c9c;
	overflow: visible;
	z-index: 99997;
}
.ks-overlay {
	position: absolute;
}
.coupon-popup .ks-overlay-close, .coupon-popup .ks-ext-close {
	background-position: -88px -115px;
	display: block;
	width: 12px;
	height: 11px;
	line-height: 200px;
	overflow: hidden;
	position: absolute;
	right: 6px;
	top: 6px;
}
.coupon-summary {
	color: #666;
	padding: 11px 10px 6px;
	border-bottom: 1px solid #EFEFEF;
	font-size: 12px;
	min-width:360px;
}
.coupon-summary .icon-announcement {
	margin: -2px 8px 0 0;
	_margin-top: 0;
}
.icon-announcement {
	width: 8px;
	height: 9px;
	background: url(../../img/wm/laba.png) no-repeat left top;
	_height: 7px;
	_background-position-y: 3px;
}
.icon-announcement, .icon-B, .icon-SM, .icon-HK, .icon-YY, .icon-ALITRIP, .icon-LG, .shop-icon, .shop-img, .icon-golden-seller, .icon-enterprise-seller {
	display: inline-block;
	vertical-align: middle;
	margin: -3px 6px 0 0;
}
.coupon-youhuijuan .coupon-amount {
	width: 42px;
}
.coupon-list li {
	overflow: hidden;	
	position: relative;
	display: block;
	padding:10px 0 ;
	border-bottom: 1px dotted #eee;
	width:auto;
	cursor: pointer;
}
	.coupon-list li:hover{background: #faf9f9}
.coupon-amount .rmb {
	font-weight: 400;
	padding-right: 2px;
	font-size: 12px;
}
.coupon-detail {
	overflow: hidden;
	font-size: 12px;
}
.coupon-detail .coupon-info {
	float: left;
	width:calc(100% - 70px);padding-left: 10px;
}
.coupon-detail .coupon-info .coupon-title {
	margin-bottom: 5px;
	color: #6D6D6D;
	line-height: 18px;
}
.coupon-detail .coupon-info .coupon-time {
	color: #A5A5A5;
	font-family: Tahoma;
}
.coupon-detail .coupon-op {
	float: left;width:60px;text-align: center; margin-top: 8px;
}
.coupon-detail .coupon-op .coupon-unreceived {
	
	cursor: pointer;
}
	.coupon-detail .coupon-op .coupon-received {
	color: #999;
	cursor: pointer;
		font-style:normal
}
.coupon-detail .coupon-op span {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	color: #fff;
	margin-right: 5px;
	line-height: 18px;
	text-align: center;
	background: #2196f3;
	
}
	.coupon-detail .coupon-op{color: #2196f3}
.coupon-amount {
	position: absolute;
	left: 0;
	top: 22px;
	width: 40px;
	height: 25px;
	line-height: 25px;
	background: url(../../img/wm/youhuibg.jpg) no-repeat left top;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	font-family: Arial;
	padding-left: 8px;
}
	.lingqu{width:65%; margin: 0 auto; text-align: center}
	.opc{position: fixed; left: 0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999999;}
	.showBox{ position: fixed; padding-top:190px; padding-bottom: 30px; width: 888px; background: #fff4e2 url(../../img/wm/couimg.jpg) no-repeat left top; left: calc(50% - 444px); top:20%;z-index: 9999999;}
	.lingquLabel{padding-right: 10px; line-height: 40px; font-size:14px; color: #666; width: 105px;}
	.youhuiInput{background: #FFF; border:1px solid #ccc; border-radius: 5px;height: 40px; line-height: 40px; width:calc(100% - 110px); padding: 5px 10px;}
	.mb15{margin-bottom: 15px}
	.yanzhengInput{width:calc(100% - 280px); margin-right: 10px; display: inline-block;}
	.fl{float: left}
	.youhuibtn{background: #ec374a; margin-top:20px; color: #fff; font-size:16px; text-align: center; line-height: 40px; border-radius: 5px; padding: 0 30px; border:0;}
	.h2_22 {
	font-size: 22px;
	line-height: 40px;
	font-weight: normal;
}
	.text-center{text-align: center}
	.lingLabel{font-size: 20px; font-weight: normal;line-height: 40px;}
	.mb20{margin-bottom: 20px}
	.red{color: #ec374a}
	.youhuiselect{border:1px solid #ccc;color: #666; padding: 8px 25px; border-radius: 5px;}
	.gray{color: #666;}
	.yanzhengbtn{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fccf36), to(#ec8d17))!important; color: #fff!important; text-align: center; line-height: 30px; border-radius: 5px; display: inline-block; text-decoration: none; padding: 4px 10px; width:160px;}
.yanzhengbtn:hover,.yanzhengbtn:visited{color: #fff;}
.yhClose{position: absolute; right:0px; top:-38px;  padding: 0 10px; background: rgba(0,0,0,0.6); color: #fff; text-decoration: none; font-size: 28px; font-weight: lighter}
.font14px {
	font-size: 14px!important
}
.youhuibox {
	border: 1px dashed #fff;
	border-radius: 4px;
	padding: 4px 8px;
	width: 85%;
	margin: 8px 0 10px 25px
}
.youhuibox p {
	font-size: 12px!important;
	line-height: 22px!important;
	display: inline-block;
	
}
.mb5 {
	margin-bottom: 5px
}
.hover .shop-coupon-trigger{padding-bottom: 4px;    z-index:100}
.couponbox{position:relative;width: 155px;float: right;}

/*  备案  相关 样式  2017-10-9*/
.beianP{line-height: 24PX; margin-bottom: 15px; font-size: 14px; text-indent: 2em;}
.beianLabel{font-size: 15px; font-weight: bold}
.beiAnspan{font-size: 14px; color: #666; margin-left: 10px;}
#TabBenan #TabRechargeCon{width: 738px; height: 515px;}	
.beiAnchoise{margin-left: 50px;line-height: 24px; font-size: 14px; color: #666}
.beiAnspan a,.beiAnchoise a,.beiAntips a{color: #2196f3; text-decoration: underline}
.beiAntips{font-size: 12px; margin-top:15px; color: #666; line-height: 21px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.goonlinedefault{padding: 5px 15px!important}
.beiAnchoise input{display: inline-block;}
.beiAnchoise label{display: inline}

.beiAh2{font-size:18px; color: #2196f3; margin-left: 30px; font-weight: normal; margin-bottom: 15px;}
.beiAP{font-size: 14px; line-height: 30px; text-align: center}
.beiAtips{margin-top: 10px;margin-left: 60px; font-size: 14px;}
.beiAtips strong{color: #2196f3; margin-left: 5px;}
.beiAcon{float:left;display:inline-block;margin-top: 15px; margin-left: 60px;}
.beiAP a{color: #2196f3}

/*2018-01-06 二级导航下拉*/
.wp_NavLevel{min-width: 132px; position:absolute; line-height:0px; background:#fff; box-shadow:0px 2px 8px 0px rgba(0,0,0,0.1); border-bottom-left-radius:4px; border-bottom-right-radius:4px; overflow:hidden;/* top:150px; opacity:0; visibility: hidden;
-webkit-transition: top 0.3s ease-in-out,opacity 0.3s ease-in-out,visibility  0s ease-in-out;
transition: top 0.3s ease-in-out,opacity 0.3s ease-in-out,visibility  0s ease-in-out; */
}
/*次级动画*/
.wp_NavLevel{opacity: 0; visibility: hidden; margin: 20px 0 0 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
.TopNav li:hover .wp_NavLevel{opacity: 1; visibility: visible; margin: 0;}
.wp_NavLevel li{border-bottom:1px solid #e5e5e5; width:100%; }
.wp_NavLevel li a{height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:block;text-align: center;}
.wp_NavLevel li a:hover{ background:rgb(33, 150, 243); color:#fff;}
/*.TopNav li:hover .wp_NavLevel{top:72px; opacity:1;  visibility:visible; }*/
.navArrow>a:after{ content:"▼"; display:inline-block; color:#555;font-size: 14px; padding-left: 5px;}
.navArrow:hover>a:after{ color:rgb(33, 150, 243);}
/*2018-01-11 域名服务提示*/
.wp_ymTip{ width:25px; height:25px; cursor:pointer; opacity:0.8; display:inline-block;vertical-align: middle; background:url(../../img/wm/icon.png); background-position:-185px -271px;}
.wp_ymTip:hover{ opacity:1;}
/*2018-01-19 域名价格*/
.midLine{ color:#ccc; text-decoration:line-through;}
.midRed{ color:#f87f36; padding-left:7px;}
/*2018-3-6 首页加观看视频*/
.mSbut #yyb_vode{ background:#fff; color:#2196f3; border:1px solid #2196f3; box-shadow:none;}