@import "base.css"/*tpa=http://www.east263.com/Template/Template3/skins/base.css*/;


@font-face {
    font-family: 'unmnunmn';
    src: url("fonts/unmnhost.eot")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.eot*/;
    src: url("fonts/unmnhost.eot-#iefix")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.eot?#iefix*/ format('embedded-opentype'),
         url("fonts/unmnhost.woff2")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.woff2*/ format('woff2'),
         url("fonts/unmnhost.woff")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.woff*/ format('woff'),
         url("fonts/unmnhost.ttf")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.ttf*/ format('truetype'),
         url("fonts/unmnhost.svg#unmnunmn")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.svg#unmnunmn*/ format('svg');
    font-weight: normal;
    font-style: normal;
 }
 
 .contit{ height:30px; border-left:6px solid #e82521; padding-left:20px}
.contit h3{ height:30px; line-height:30px; font-size:24px}
.contit .h33{ height:30px; line-height:30px; font-size:24px}

#banner{ height:250px;}
.vtit{ background:#f7f7f7; box-shadow:1px 2px 3px #dededf; font-size:18px; text-align:center}
.vtit a{ display:block; height:72px; width:100%; line-height:72px;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vtit a:hover{ background:#f8f8f8}
.vtit a.on{border-color:#e8251e; color:#e8251e}

.ctit{ padding:30px}
.ctit dt,.ctit dd{ float:left; height:50px} 
.ctit dt{ font-size:50px; color:#202020; line-height:50px}
.ctit dd{ padding-left:10px; color:#666; line-height:25px;}
.ctit dd h3{ font-size:24px; height:25px; line-height:25px; font-weight:normal; padding:3px 0 0} 

.vhostCon{ clear:both}
.vhostCon li{ margin:0 60px 30px; border:1px solid #ddd; position:relative;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vhostCon .tit{ height:70px; line-height:70px}
.vhostCon .tit i{ display:block; background:url("img/icon_products_title.png")/*tpa=http://www.east263.com/Template/Template3/skins/img/icon_products_title.png*/ no-repeat; height:66px; width:50px; float:left} 
.vhostCon .tit h3{ padding-left:30px; font-size:24px; color:#202020; float:left; line-height:70px}
.vhostCon .tit h5{ font-size:16px; font-weight:normal; float:left; padding-left:10px; line-height:70px; color:#a0a0a0}
.cleft{ padding-left:80px}
.vhostCon .ico{}
.vhostCon .ico a{ float:left; display:block; height:30px; position:relative; padding-left:40px; line-height:30px}
.vhostCon .ico a i{ display:block; background:url("img/icon_feature.png")/*tpa=http://www.east263.com/Template/Template3/skins/img/icon_feature.png*/ no-repeat; width:30px; height:30px; position:absolute; left:5px; top:0}
.vhostCon .ico a span{ display:none; font-size:14px; color:#c0c0c0}
.vhostCon .ico a.on span{ display: block}
.vhostCon .ico a.icp i{ background-position:-32px 0}
.vhostCon .ico a.bz i{ background-position:-64px 0}
.vhostCon .ico a.bak i{ background-position:-96px 0}
.vhostCon .ico a.php i{ background-position:-160px 0}
.vhostCon .ico a.mysql i{ background-position:-256px 0}
.vhostCon .ico a.linux i{ background-position:-288px 0}
.vhostCon .des{ height:45px; line-height:45px; clear:both}
.vhostCon .des label{ padding:0 5px}
.vhostCon .des b{ color:#e8251e; font-weight:normal}
.attr{ clear:both; padding:10px 0 0; height:0; overflow:hidden}
.attr p{ height:24px; line-height:24px; color:#ccc}
 
.bigPrice{font-size:24px;color: #666;height: 54px;line-height: 54px; padding:0 180px 0 0}
.bigPrice span{ color:#c0c0c0}
.bigPrice span i{ font-style:normal;color:#e8251e; font-size:28px}
.bigPrice span b { font-size:58px;color:#e8251e;}
.cbottom{ height:50px; line-height:50px; background:#f4f4f4}
.bom_money{ padding:0 30px; font-size:16px; line-height:50px}
.bom_money label{ padding-right:20px; cursor:pointer}
.bom_money label input{   padding:5px 0 0; display:none}
.bom_money label i{ font-style:normal; color:#e8251e}
.bom_money label b{ color:#e8251e; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal}
.cbottom a.buy{ height:50px; line-height:50px; padding:0 30px; background:#e8e8e8; display:block; font-size:24px; color:#e8251e}
.tool{ position:absolute; right:20px; top:30px; display:none}
.tool a{ display:block; position: relative; height:30px; padding:45px 15px 0;  margin:20px 0 0; width:30px; text-align:center; color:#c0c0c0;-webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.tool a:hover{background:#606060;}
.tool i{ background:url("img/icon_tool.png")/*tpa=http://www.east263.com/Template/Template3/skins/img/icon_tool.png*/ no-repeat; height:32px; width:30px; display:block; position:absolute; top:10px; left:15px}
.tool a.zx i{ background-position:0 -32px}

.vhostCon li.on{ background:#101010; color:#c0c0c0}
.vhostCon li.on .tit h3{ color:#fff}
.vhostCon li.on .des{ display: none}
.vhostCon li.on label input{ display: inline}
.vhostCon li.on .cbottom{ background:#202020}
.vhostCon li.on .cbottom  a.buy{ height:70px; line-height:70px; color:#fff; background:#e8251e}
.vhostCon li.on .tool{ display:block}


.boxrow{}
.boxrow li{ float:left; width:264px; display:inline; margin:30px 0 0 48px}
.boxrow li.frist{ margin-left:0}
.boxrow .img{ font-family:'unmnunmn'; font-size:48px; color:#9d58b5; width:100px; text-align:center; line-height:100px;-webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; margin:0 auto; border:1px solid #9d58b5; border-radius:50%}

.boxrow .con h3{ height:60px; line-height:60px; font-weight:normal; font-size:18px; color:#202020; text-align:center}
.boxrow .con .shotyd{ height:60px; line-height:60px; font-weight:normal; font-size:18px; color:#202020; text-align:center}
.boxrow .con p{ font-size:14px; line-height:25px;  overflow:hidden; color:#606060; border-top:1px  dotted #c0c0c0; padding:10px 0 0}
.boxrow li.s2 .img{color:#16a086;border:1px solid #16a086;}
.boxrow li.s3 .img{color:#e82521;border:1px solid #e82521;}
.boxrow li.s4 .img{color:#2a80b9;border:1px solid #2a80b9;}

.boxrow li:hover .img{ color:#e8251e; font-size:36px}
.boxrow li:hover .con h3{ color:#000}
.boxrow li:hover .con p{ color:#404040}


.boxrow li.s1:hover .img{color:#fff; background:#9d58b5;}
.boxrow li.s2:hover .img{color:#fff; background:#16a086;}
.boxrow li.s3:hover .img{color:#fff; background:#e82521;}
.boxrow li.s4:hover .img{color:#fff; background:#2a80b9;}